<html lang="en"><head>
  <meta charset="UTF-8">
  <title>Codepen-challenge-christmas-tree</title> 
  <!-- <link rel="stylesheet" href="./style.css"> -->
  <style>
    .text {
      color: whitesmoke;
      font-size: 45px;
      text-align: center;
      font-family: 'Fantasy';
      text-shadow: 5px 5px 5px yellow;
      animation: animate 0.5s linear infinite;
    }
    @keyframes animate {
  0%, 100% {
    text-shadow: -2.0px -2.0px 0 #0ff, 2.0px 2.0px 0 #f00;
  }
  25% {
    text-shadow: 2.0px 2.0px 0 #0ff, -2.0px -2.0px 0 #f00;
  }
  50% {
    text-shadow: 2.0px -2.0px 0 #0ff, 2.0px -2.0px 0 #f00;
  }
  75% {
    text-shadow: -2.0px 2.0px 0 #0ff, -2.0px 2.0px 0 #f00;
  }
}
    * {
      margin: 0;
      padding: 0;
      box-sizing: border-box;
    }

    body {
      background-color: #020024;
    }

    .bgg {
      position: fixed;
      display: grid;
      align-content: center;
      z-index: 1;
      height: 100vh;
      left: 50%;
      margin-left: -315px;
    }

    .bgg li.sphere {
      width: 650px;
      height: 650px;
      background: #020024;
      -webkit-animation:loop 4s infinite linear ;
      background: radial-gradient(rgba(2, 0, 36, 0.5) 47%, rgba(108, 108, 142, 0.7) 51%, rgba(171, 171, 255, 0.7) 52%, #020024 53%);
    }
    @-webkit-keyframes loop{
      0%{
        transform: rotateY(0deg);
      }
      50%{
        transform: rotateY(180deg);
      }
      100%{
        transform: rotateY(360deg);

      }
}

    ul {
      list-style-type: none;
    }

    .tree {
      z-index: 2;
      position: fixed;
      left: 50%;
      margin-left: -160px;
      display: grid;
      height: 97vh;
      -webkit-animation:loop2 4s infinite linear ;
      align-content: center;
      grid-template-areas: ". tree-top ."". tree-middle ."". tree-bottom ."". tree-stem .";
      grid-template-columns: 100px auto 100px;
      /* transform: rotateY(50deg) scaley(1.5); */
    }
    @-webkit-keyframes loop2{
      0%{
        transform: rotateY(0deg) scaley(1.5);
      }
      50%{
        transform: rotateY(180deg) scaley(1.5);
      }
      100%{
        transform: rotateY(360deg) scaley(1.5);

      }
}

    .tree>li {
      position: relative;
      display: block;
    }

    .tree .top,
    .tree .top-star {
      grid-area: tree-top;
    }

    .tree .top li,
    .tree .top-star li {
      border-color: green;
    }

    .tree .top-star {
      grid-area: tree-top;
      width: 130px;
      height: 55px;
      position: absolute;
      background-color: #fff;
      border-radius: 50%;
      top: -48px;
      z-index: 10;
      left: 4px;
      animation: starLight 1.5s ease-out infinite alternate;
    }

    .tree .middle {
      grid-area: tree-middle;
    }

    .tree .bottom {
      grid-area: tree-bottom;
    }

    .tree .stem {
      grid-area: tree-stem;
    }

    .tree .tree-pts {
      margin: 0 auto;
      display: flex;
      justify-content: center;
    }

    .tree .tree-pts .pts {
      top: 0;
      position: absolute;
    }

    .tree li:nth-of-type(1) .pts {
      border-left: 10px solid #049c04;
      z-index: calc(8 - 1);
    }

    .tree li:nth-of-type(2) .pts {
      border-left: 10px solid #13a313;
      z-index: calc(8 - 2);
    }

    .tree li:nth-of-type(3) .pts {
      border-left: 10px solid #067806;
      z-index: calc(8 - 3);
    }

    .tree li:nth-of-type(4) .pts {
      border-left: 10px solid #0f6b0f;
      z-index: calc(8 - 4);
    }

    .tree li:nth-of-type(5) .pts {
      border-left: 10px solid #0f5f0f;
      z-index: calc(8 - 5);
    }

    .tree li:nth-of-type(6) .pts {
      border-left: 10px solid #0f4f0f;
      z-index: calc(8 - 6);
    }

    .tree li:nth-of-type(7) .stem {
      border-bottom-color: #0f4f0f;
      z-index: calc(8 - 7);
    }

    .tree li:nth-child(1) .tree-pts .pts:nth-of-type(1) {
      width: 1.7em;
      height: 2em;
      border-radius: 100% 0 0 0;
      transform: rotate(219.5deg) rotatey(28.5deg) translateX(4em);
    }

    .tree li:nth-child(1) .tree-pts .pts:nth-of-type(2) {
      width: 1.7em;
      height: 2em;
      border-radius: 100% 0 0 0;
      transform: rotate(218.5deg) rotatey(36.5deg) translateX(4em);
    }

    .tree li:nth-child(1) .tree-pts .pts:nth-of-type(3) {
      width: 1.7em;
      height: 2em;
      border-radius: 100% 0 0 0;
      transform: rotate(217.5deg) rotatey(44.5deg) translateX(4em);
    }

    .tree li:nth-child(1) .tree-pts .pts:nth-of-type(4) {
      width: 1.7em;
      height: 2em;
      border-radius: 100% 0 0 0;
      transform: rotate(216.5deg) rotatey(52.5deg) translateX(4em);
    }

    .tree li:nth-child(1) .tree-pts .pts:nth-of-type(5) {
      width: 1.7em;
      height: 2em;
      border-radius: 100% 0 0 0;
      transform: rotate(215.5deg) rotatey(60.5deg) translateX(4em);
    }

    .tree li:nth-child(1) .tree-pts .pts:nth-of-type(6) {
      width: 1.7em;
      height: 2em;
      border-radius: 100% 0 0 0;
      transform: rotate(214.5deg) rotatey(68.5deg) translateX(4em);
    }

    .tree li:nth-child(1) .tree-pts .pts:nth-of-type(7) {
      width: 1.7em;
      height: 2em;
      border-radius: 100% 0 0 0;
      transform: rotate(213.5deg) rotatey(76.5deg) translateX(4em);
    }

    .tree li:nth-child(1) .tree-pts .pts:nth-of-type(8) {
      width: 1.7em;
      height: 2em;
      border-radius: 100% 0 0 0;
      transform: rotate(212.5deg) rotatey(84.5deg) translateX(4em);
    }

    .tree li:nth-child(1) .tree-pts .pts:nth-of-type(9) {
      width: 1.7em;
      height: 2em;
      border-radius: 0 0 0 100%;
      transform: rotate(-40.5deg) rotatey(28.5deg) translateX(4em);
    }

    .tree li:nth-child(1) .tree-pts .pts:nth-of-type(10) {
      width: 1.7em;
      height: 2em;
      border-radius: 0 0 0 100%;
      transform: rotate(-41.5deg) rotatey(37deg) translateX(4em);
    }

    .tree li:nth-child(1) .tree-pts .pts:nth-of-type(11) {
      width: 1.7em;
      height: 2em;
      border-radius: 0 0 0 100%;
      transform: rotate(-42.5deg) rotatey(45.5deg) translateX(4em);
    }

    .tree li:nth-child(1) .tree-pts .pts:nth-of-type(12) {
      width: 1.7em;
      height: 2em;
      border-radius: 0 0 0 100%;
      transform: rotate(-43.5deg) rotatey(54deg) translateX(4em);
    }

    .tree li:nth-child(1) .tree-pts .pts:nth-of-type(13) {
      width: 1.7em;
      height: 2em;
      border-radius: 0 0 0 100%;
      transform: rotate(-44.5deg) rotatey(62.5deg) translateX(4em);
    }

    .tree li:nth-child(1) .tree-pts .pts:nth-of-type(14) {
      width: 1.7em;
      height: 2em;
      border-radius: 0 0 0 100%;
      transform: rotate(-45.5deg) rotatey(71deg) translateX(4em);
    }

    .tree li:nth-child(1) .tree-pts .pts:nth-of-type(15) {
      width: 1.7em;
      height: 2em;
      border-radius: 0 0 0 100%;
      transform: rotate(-46.5deg) rotatey(79.5deg) translateX(4em);
    }

    .tree li:nth-child(2) .tree-pts .pts:nth-of-type(1) {
      width: 3.4em;
      height: 4em;
      border-radius: 100% 0 0 0;
      transform: rotate(220deg) rotatey(29deg) translateX(4em);
    }

    .tree li:nth-child(2) .tree-pts .pts:nth-of-type(2) {
      width: 3.4em;
      height: 4em;
      border-radius: 100% 0 0 0;
      transform: rotate(219deg) rotatey(37deg) translateX(4em);
    }

    .tree li:nth-child(2) .tree-pts .pts:nth-of-type(3) {
      width: 3.4em;
      height: 4em;
      border-radius: 100% 0 0 0;
      transform: rotate(218deg) rotatey(45deg) translateX(4em);
    }

    .tree li:nth-child(2) .tree-pts .pts:nth-of-type(4) {
      width: 3.4em;
      height: 4em;
      border-radius: 100% 0 0 0;
      transform: rotate(217deg) rotatey(53deg) translateX(4em);
    }

    .tree li:nth-child(2) .tree-pts .pts:nth-of-type(5) {
      width: 3.4em;
      height: 4em;
      border-radius: 100% 0 0 0;
      transform: rotate(216deg) rotatey(61deg) translateX(4em);
    }

    .tree li:nth-child(2) .tree-pts .pts:nth-of-type(6) {
      width: 3.4em;
      height: 4em;
      border-radius: 100% 0 0 0;
      transform: rotate(215deg) rotatey(69deg) translateX(4em);
    }

    .tree li:nth-child(2) .tree-pts .pts:nth-of-type(7) {
      width: 3.4em;
      height: 4em;
      border-radius: 100% 0 0 0;
      transform: rotate(214deg) rotatey(77deg) translateX(4em);
    }

    .tree li:nth-child(2) .tree-pts .pts:nth-of-type(8) {
      width: 3.4em;
      height: 4em;
      border-radius: 100% 0 0 0;
      transform: rotate(213deg) rotatey(85deg) translateX(4em);
    }

    .tree li:nth-child(2) .tree-pts .pts:nth-of-type(9) {
      width: 3.4em;
      height: 4em;
      border-radius: 0 0 0 100%;
      transform: rotate(-40deg) rotatey(29deg) translateX(4em);
    }

    .tree li:nth-child(2) .tree-pts .pts:nth-of-type(10) {
      width: 3.4em;
      height: 4em;
      border-radius: 0 0 0 100%;
      transform: rotate(-41deg) rotatey(38deg) translateX(4em);
    }

    .tree li:nth-child(2) .tree-pts .pts:nth-of-type(11) {
      width: 3.4em;
      height: 4em;
      border-radius: 0 0 0 100%;
      transform: rotate(-42deg) rotatey(47deg) translateX(4em);
    }

    .tree li:nth-child(2) .tree-pts .pts:nth-of-type(12) {
      width: 3.4em;
      height: 4em;
      border-radius: 0 0 0 100%;
      transform: rotate(-43deg) rotatey(56deg) translateX(4em);
    }

    .tree li:nth-child(2) .tree-pts .pts:nth-of-type(13) {
      width: 3.4em;
      height: 4em;
      border-radius: 0 0 0 100%;
      transform: rotate(-44deg) rotatey(65deg) translateX(4em);
    }

    .tree li:nth-child(2) .tree-pts .pts:nth-of-type(14) {
      width: 3.4em;
      height: 4em;
      border-radius: 0 0 0 100%;
      transform: rotate(-45deg) rotatey(74deg) translateX(4em);
    }

    .tree li:nth-child(2) .tree-pts .pts:nth-of-type(15) {
      width: 3.4em;
      height: 4em;
      border-radius: 0 0 0 100%;
      transform: rotate(-46deg) rotatey(83deg) translateX(4em);
    }

    .tree li:nth-child(3) .tree-pts .pts:nth-of-type(1) {
      width: 5.1em;
      height: 6em;
      border-radius: 100% 0 0 0;
      transform: rotate(220.5deg) rotatey(29.5deg) translateX(4em);
    }

    .tree li:nth-child(3) .tree-pts .pts:nth-of-type(2) {
      width: 5.1em;
      height: 6em;
      border-radius: 100% 0 0 0;
      transform: rotate(219.5deg) rotatey(37.5deg) translateX(4em);
    }

    .tree li:nth-child(3) .tree-pts .pts:nth-of-type(3) {
      width: 5.1em;
      height: 6em;
      border-radius: 100% 0 0 0;
      transform: rotate(218.5deg) rotatey(45.5deg) translateX(4em);
    }

    .tree li:nth-child(3) .tree-pts .pts:nth-of-type(4) {
      width: 5.1em;
      height: 6em;
      border-radius: 100% 0 0 0;
      transform: rotate(217.5deg) rotatey(53.5deg) translateX(4em);
    }

    .tree li:nth-child(3) .tree-pts .pts:nth-of-type(5) {
      width: 5.1em;
      height: 6em;
      border-radius: 100% 0 0 0;
      transform: rotate(216.5deg) rotatey(61.5deg) translateX(4em);
    }

    .tree li:nth-child(3) .tree-pts .pts:nth-of-type(6) {
      width: 5.1em;
      height: 6em;
      border-radius: 100% 0 0 0;
      transform: rotate(215.5deg) rotatey(69.5deg) translateX(4em);
    }

    .tree li:nth-child(3) .tree-pts .pts:nth-of-type(7) {
      width: 5.1em;
      height: 6em;
      border-radius: 100% 0 0 0;
      transform: rotate(214.5deg) rotatey(77.5deg) translateX(4em);
    }

    .tree li:nth-child(3) .tree-pts .pts:nth-of-type(8) {
      width: 5.1em;
      height: 6em;
      border-radius: 100% 0 0 0;
      transform: rotate(213.5deg) rotatey(85.5deg) translateX(4em);
    }

    .tree li:nth-child(3) .tree-pts .pts:nth-of-type(9) {
      width: 5.1em;
      height: 6em;
      border-radius: 0 0 0 100%;
      transform: rotate(-39.5deg) rotatey(29.5deg) translateX(4em);
    }

    .tree li:nth-child(3) .tree-pts .pts:nth-of-type(10) {
      width: 5.1em;
      height: 6em;
      border-radius: 0 0 0 100%;
      transform: rotate(-40.5deg) rotatey(39deg) translateX(4em);
    }

    .tree li:nth-child(3) .tree-pts .pts:nth-of-type(11) {
      width: 5.1em;
      height: 6em;
      border-radius: 0 0 0 100%;
      transform: rotate(-41.5deg) rotatey(48.5deg) translateX(4em);
    }

    .tree li:nth-child(3) .tree-pts .pts:nth-of-type(12) {
      width: 5.1em;
      height: 6em;
      border-radius: 0 0 0 100%;
      transform: rotate(-42.5deg) rotatey(58deg) translateX(4em);
    }

    .tree li:nth-child(3) .tree-pts .pts:nth-of-type(13) {
      width: 5.1em;
      height: 6em;
      border-radius: 0 0 0 100%;
      transform: rotate(-43.5deg) rotatey(67.5deg) translateX(4em);
    }

    .tree li:nth-child(3) .tree-pts .pts:nth-of-type(14) {
      width: 5.1em;
      height: 6em;
      border-radius: 0 0 0 100%;
      transform: rotate(-44.5deg) rotatey(77deg) translateX(4em);
    }

    .tree li:nth-child(3) .tree-pts .pts:nth-of-type(15) {
      width: 5.1em;
      height: 6em;
      border-radius: 0 0 0 100%;
      transform: rotate(-45.5deg) rotatey(86.5deg) translateX(4em);
    }

    .tree li:nth-child(4) .tree-pts .pts:nth-of-type(1) {
      width: 6.8em;
      height: 8em;
      border-radius: 100% 0 0 0;
      transform: rotate(221deg) rotatey(30deg) translateX(4em);
    }

    .tree li:nth-child(4) .tree-pts .pts:nth-of-type(2) {
      width: 6.8em;
      height: 8em;
      border-radius: 100% 0 0 0;
      transform: rotate(220deg) rotatey(38deg) translateX(4em);
    }

    .tree li:nth-child(4) .tree-pts .pts:nth-of-type(3) {
      width: 6.8em;
      height: 8em;
      border-radius: 100% 0 0 0;
      transform: rotate(219deg) rotatey(46deg) translateX(4em);
    }

    .tree li:nth-child(4) .tree-pts .pts:nth-of-type(4) {
      width: 6.8em;
      height: 8em;
      border-radius: 100% 0 0 0;
      transform: rotate(218deg) rotatey(54deg) translateX(4em);
    }

    .tree li:nth-child(4) .tree-pts .pts:nth-of-type(5) {
      width: 6.8em;
      height: 8em;
      border-radius: 100% 0 0 0;
      transform: rotate(217deg) rotatey(62deg) translateX(4em);
    }

    .tree li:nth-child(4) .tree-pts .pts:nth-of-type(6) {
      width: 6.8em;
      height: 8em;
      border-radius: 100% 0 0 0;
      transform: rotate(216deg) rotatey(70deg) translateX(4em);
    }

    .tree li:nth-child(4) .tree-pts .pts:nth-of-type(7) {
      width: 6.8em;
      height: 8em;
      border-radius: 100% 0 0 0;
      transform: rotate(215deg) rotatey(78deg) translateX(4em);
    }

    .tree li:nth-child(4) .tree-pts .pts:nth-of-type(8) {
      width: 6.8em;
      height: 8em;
      border-radius: 100% 0 0 0;
      transform: rotate(214deg) rotatey(86deg) translateX(4em);
    }

    .tree li:nth-child(4) .tree-pts .pts:nth-of-type(9) {
      width: 6.8em;
      height: 8em;
      border-radius: 0 0 0 100%;
      transform: rotate(-39deg) rotatey(30deg) translateX(4em);
    }

    .tree li:nth-child(4) .tree-pts .pts:nth-of-type(10) {
      width: 6.8em;
      height: 8em;
      border-radius: 0 0 0 100%;
      transform: rotate(-40deg) rotatey(40deg) translateX(4em);
    }

    .tree li:nth-child(4) .tree-pts .pts:nth-of-type(11) {
      width: 6.8em;
      height: 8em;
      border-radius: 0 0 0 100%;
      transform: rotate(-41deg) rotatey(50deg) translateX(4em);
    }

    .tree li:nth-child(4) .tree-pts .pts:nth-of-type(12) {
      width: 6.8em;
      height: 8em;
      border-radius: 0 0 0 100%;
      transform: rotate(-42deg) rotatey(60deg) translateX(4em);
    }

    .tree li:nth-child(4) .tree-pts .pts:nth-of-type(13) {
      width: 6.8em;
      height: 8em;
      border-radius: 0 0 0 100%;
      transform: rotate(-43deg) rotatey(70deg) translateX(4em);
    }

    .tree li:nth-child(4) .tree-pts .pts:nth-of-type(14) {
      width: 6.8em;
      height: 8em;
      border-radius: 0 0 0 100%;
      transform: rotate(-44deg) rotatey(80deg) translateX(4em);
    }

    .tree li:nth-child(4) .tree-pts .pts:nth-of-type(15) {
      width: 6.8em;
      height: 8em;
      border-radius: 0 0 0 100%;
      transform: rotate(-45deg) rotatey(90deg) translateX(4em);
    }

    .tree li:nth-child(5) .tree-pts .pts:nth-of-type(1) {
      width: 8.5em;
      height: 10em;
      border-radius: 100% 0 0 0;
      transform: rotate(221.5deg) rotatey(30.5deg) translateX(4em);
    }

    .tree li:nth-child(5) .tree-pts .pts:nth-of-type(2) {
      width: 8.5em;
      height: 10em;
      border-radius: 100% 0 0 0;
      transform: rotate(220.5deg) rotatey(38.5deg) translateX(4em);
    }

    .tree li:nth-child(5) .tree-pts .pts:nth-of-type(3) {
      width: 8.5em;
      height: 10em;
      border-radius: 100% 0 0 0;
      transform: rotate(219.5deg) rotatey(46.5deg) translateX(4em);
    }

    .tree li:nth-child(5) .tree-pts .pts:nth-of-type(4) {
      width: 8.5em;
      height: 10em;
      border-radius: 100% 0 0 0;
      transform: rotate(218.5deg) rotatey(54.5deg) translateX(4em);
    }

    .tree li:nth-child(5) .tree-pts .pts:nth-of-type(5) {
      width: 8.5em;
      height: 10em;
      border-radius: 100% 0 0 0;
      transform: rotate(217.5deg) rotatey(62.5deg) translateX(4em);
    }

    .tree li:nth-child(5) .tree-pts .pts:nth-of-type(6) {
      width: 8.5em;
      height: 10em;
      border-radius: 100% 0 0 0;
      transform: rotate(216.5deg) rotatey(70.5deg) translateX(4em);
    }

    .tree li:nth-child(5) .tree-pts .pts:nth-of-type(7) {
      width: 8.5em;
      height: 10em;
      border-radius: 100% 0 0 0;
      transform: rotate(215.5deg) rotatey(78.5deg) translateX(4em);
    }

    .tree li:nth-child(5) .tree-pts .pts:nth-of-type(8) {
      width: 8.5em;
      height: 10em;
      border-radius: 100% 0 0 0;
      transform: rotate(214.5deg) rotatey(86.5deg) translateX(4em);
    }

    .tree li:nth-child(5) .tree-pts .pts:nth-of-type(9) {
      width: 8.5em;
      height: 10em;
      border-radius: 0 0 0 100%;
      transform: rotate(-38.5deg) rotatey(30.5deg) translateX(4em);
    }

    .tree li:nth-child(5) .tree-pts .pts:nth-of-type(10) {
      width: 8.5em;
      height: 10em;
      border-radius: 0 0 0 100%;
      transform: rotate(-39.5deg) rotatey(41deg) translateX(4em);
    }

    .tree li:nth-child(5) .tree-pts .pts:nth-of-type(11) {
      width: 8.5em;
      height: 10em;
      border-radius: 0 0 0 100%;
      transform: rotate(-40.5deg) rotatey(51.5deg) translateX(4em);
    }

    .tree li:nth-child(5) .tree-pts .pts:nth-of-type(12) {
      width: 8.5em;
      height: 10em;
      border-radius: 0 0 0 100%;
      transform: rotate(-41.5deg) rotatey(62deg) translateX(4em);
    }

    .tree li:nth-child(5) .tree-pts .pts:nth-of-type(13) {
      width: 8.5em;
      height: 10em;
      border-radius: 0 0 0 100%;
      transform: rotate(-42.5deg) rotatey(72.5deg) translateX(4em);
    }

    .tree li:nth-child(5) .tree-pts .pts:nth-of-type(14) {
      width: 8.5em;
      height: 10em;
      border-radius: 0 0 0 100%;
      transform: rotate(-43.5deg) rotatey(83deg) translateX(4em);
    }

    .tree li:nth-child(5) .tree-pts .pts:nth-of-type(15) {
      width: 8.5em;
      height: 10em;
      border-radius: 0 0 0 100%;
      transform: rotate(-44.5deg) rotatey(93.5deg) translateX(4em);
    }

    .tree li:nth-child(6) .tree-pts .pts:nth-of-type(1) {
      width: 10.2em;
      height: 12em;
      border-radius: 100% 0 0 0;
      transform: rotate(222deg) rotatey(31deg) translateX(4em);
    }

    .tree li:nth-child(6) .tree-pts .pts:nth-of-type(2) {
      width: 10.2em;
      height: 12em;
      border-radius: 100% 0 0 0;
      transform: rotate(221deg) rotatey(39deg) translateX(4em);
    }

    .tree li:nth-child(6) .tree-pts .pts:nth-of-type(3) {
      width: 10.2em;
      height: 12em;
      border-radius: 100% 0 0 0;
      transform: rotate(220deg) rotatey(47deg) translateX(4em);
    }

    .tree li:nth-child(6) .tree-pts .pts:nth-of-type(4) {
      width: 10.2em;
      height: 12em;
      border-radius: 100% 0 0 0;
      transform: rotate(219deg) rotatey(55deg) translateX(4em);
    }

    .tree li:nth-child(6) .tree-pts .pts:nth-of-type(5) {
      width: 10.2em;
      height: 12em;
      border-radius: 100% 0 0 0;
      transform: rotate(218deg) rotatey(63deg) translateX(4em);
    }

    .tree li:nth-child(6) .tree-pts .pts:nth-of-type(6) {
      width: 10.2em;
      height: 12em;
      border-radius: 100% 0 0 0;
      transform: rotate(217deg) rotatey(71deg) translateX(4em);
    }

    .tree li:nth-child(6) .tree-pts .pts:nth-of-type(7) {
      width: 10.2em;
      height: 12em;
      border-radius: 100% 0 0 0;
      transform: rotate(216deg) rotatey(79deg) translateX(4em);
    }

    .tree li:nth-child(6) .tree-pts .pts:nth-of-type(8) {
      width: 10.2em;
      height: 12em;
      border-radius: 100% 0 0 0;
      transform: rotate(215deg) rotatey(87deg) translateX(4em);
    }

    .tree li:nth-child(6) .tree-pts .pts:nth-of-type(9) {
      width: 10.2em;
      height: 12em;
      border-radius: 0 0 0 100%;
      transform: rotate(-38deg) rotatey(31deg) translateX(4em);
    }

    .tree li:nth-child(6) .tree-pts .pts:nth-of-type(10) {
      width: 10.2em;
      height: 12em;
      border-radius: 0 0 0 100%;
      transform: rotate(-39deg) rotatey(42deg) translateX(4em);
    }

    .tree li:nth-child(6) .tree-pts .pts:nth-of-type(11) {
      width: 10.2em;
      height: 12em;
      border-radius: 0 0 0 100%;
      transform: rotate(-40deg) rotatey(53deg) translateX(4em);
    }

    .tree li:nth-child(6) .tree-pts .pts:nth-of-type(12) {
      width: 10.2em;
      height: 12em;
      border-radius: 0 0 0 100%;
      transform: rotate(-41deg) rotatey(64deg) translateX(4em);
    }

    .tree li:nth-child(6) .tree-pts .pts:nth-of-type(13) {
      width: 10.2em;
      height: 12em;
      border-radius: 0 0 0 100%;
      transform: rotate(-42deg) rotatey(75deg) translateX(4em);
    }

    .tree li:nth-child(6) .tree-pts .pts:nth-of-type(14) {
      width: 10.2em;
      height: 12em;
      border-radius: 0 0 0 100%;
      transform: rotate(-43deg) rotatey(86deg) translateX(4em);
    }

    .tree li:nth-child(6) .tree-pts .pts:nth-of-type(15) {
      width: 10.2em;
      height: 12em;
      border-radius: 0 0 0 100%;
      transform: rotate(-44deg) rotatey(97deg) translateX(4em);
    }

    .left {
      right: 50%;
      margin-right: -38px;
    }

    .right {
      left: 50%;
      margin-left: -38px;
    }

    .tree-stem .stem {
      width: 0;
      height: 0;
      border-left: 70px solid transparent;
      border-right: 70px solid transparent;
      border-bottom: 120px solid #0f4f0f;
      margin: 0 auto;
    }

    .gift {
      position: absolute;
      width: 50px;
      height: 30px;
      margin: 5px;
      background-color: #ffc0cb;
      border: 1px dotted #42161e;
      z-index: 20;
      box-shadow: 1px -1px 2px #f5b0bc, 2px -2px 2px #e89daa, 3px -3px 2px #da8a98, 4px -4px 2px #ce7a89, 5px -5px 2px #bb6676, 6px -6px 2px #af5969, 7px -7px 2px #a04a5a, 8px -8px 2px #943e4e, 9px -9px 2px #803442, 10px -10px 2px #6b2834, 11px -11px 2px #541e28, 12px -12px 2px #42161e;
    }

    .g1 {
      left: -10px;
      top: 110px;
    }

    .g2 {
      left: 33px;
      top: 120px;
      height: 15px;
    }

    .g3 {
      left: 85px;
      top: 125px;
      width: 70px;
      height: 22px;
    }

    .g4 {
      left: -45px;
      top: 130px;
    }

    .g5 {
      left: 45px;
      top: 130px;
    }

    .g6 {
      left: 0px;
      top: 130px;
    }

    .g7 {
      left: 65px;
      top: 130px;
    }

    .g8 {
      left: 120px;
      top: 150px;
      height: 13px;
      width: 123px;
    }

    .g9 {
      left: 50px;
      top: 150px;
    }

    .shadow {
      width: 400px;
      height: 50px;
      background-color: rgba(42, 41, 68, 0.5);
      position: absolute;
      border-radius: 50%;
      top: 126px;
      left: -128px;
    }

    .toys {
      display: grid;
      position: absolute;
      gap: 5px;
      grid-template-columns: repeat(9, 20px);
      grid-template-rows: repeat(12, 20px);
      left: calc(50% - 100px);
      top: calc(50% - 135px);
      z-index: 2;
      -webkit-animation:loop 4s infinite linear ;
    }

    .toys .star {
      top: -30px;
      left: 10px;
      position: relative;
      border-right: 100px solid transparent;
      border-bottom: 70px solid gold;
      border-left: 100px solid transparent;
      transform: rotate(35deg) scale(0.2);
    }

    .toys .star:before {
      border-bottom: 80px solid gold;
      border-left: 30px solid transparent;
      border-right: 30px solid transparent;
      position: absolute;
      top: -45px;
      left: -65px;
      content: '';
      transform: rotate(-35deg);
    }

    .toys .star:after {
      position: absolute;
      top: 3px;
      left: -105px;
      border-right: 100px solid transparent;
      border-bottom: 70px solid gold;
      border-left: 100px solid transparent;
      transform: rotate(-70deg);
      content: '';
    }

    .toys .ball {
      width: 20px;
      height: 20px;
      background-color: #f00;
      border-radius: 50%;
      z-index: 1;
      position: absolute;
    }

    .toys .b1,
    .toys .b4,
    .toys .b5,
    .toys .b8,
    .toys .b11,
    .toys .b13,
    .toys .b16,
    .toys .b18 {
      background-color: red;
      box-shadow: -1px -1px 6px inset #600, 1px 1px 8px inset #ffc9c9;
    }

    .toys .b2,
    .toys .b6,
    .toys .b9,
    .toys .b12,
    .toys .b14,
    .toys .b17,
    .toys .b20 {
      background-color: gold;
      box-shadow: -1px -1px 6px inset #3a3101, 1px 1px 8px inset #ffffff;
    }

    .toys .b3,
    .toys .b7,
    .toys .b10,
    .toys .b15,
    .toys .b19 {
      background-color: #ececec;
      box-shadow: -1px -1px 6px inset #615f5f, 1px 1px 8px inset #ffffff;
    }

    .toys .b1 {
      grid-area: 3 / 5;
      top: -5px;
      left: 10px;
    }

    .toys .b2 {
      grid-area: 4 / 4;
      top: -5px;
      left: -5px;
    }

    .toys .b3 {
      grid-area: 4 / 6;
      top: -1px;
      left: 5px;
    }

    .toys .b4 {
      grid-area: 5 / 5;
      top: -8px;
      left: -3px;
    }

    .toys .b5 {
      grid-area: 6 / 2;
    }

    .toys .b6 {
      grid-area: 6 / 4;
      top: -10px;
      left: -10px;
    }

    .toys .b7 {
      grid-area: 6 / 6;
      top: -10px;
      left: -5px;
    }

    .toys .b8 {
      grid-area: 6 / 8;
      top: 2px;
      left: 5px;
    }

    .toys .b9 {
      grid-area: 7 / 1;
      top: 4px;
      left: 0px;
    }

    .toys .b10 {
      grid-area: 7 / 3;
      top: 3px;
      left: 3px;
    }

    .toys .b11 {
      grid-area: 7 / 5;
      top: -10px;
      left: -10px;
    }

    .toys .b12 {
      grid-area: 7 / 7;
      top: -4px;
      left: 3px;
    }

    .toys .b13 {
      grid-area: 8 / 2;
      top: 8px;
      left: 0px;
    }

    .toys .b14 {
      grid-area: 8 / 4;
      top: 5px;
      left: 5px;
    }

    .toys .b15 {
      grid-area: 8 / 6;
      top: -10px;
      left: -10px;
    }

    .toys .b16 {
      grid-area: 8 / 8;
      top: -3px;
      left: 17px;
    }

    .toys .b17 {
      grid-area: 9 / 1;
      top: 20px;
      left: 8px;
    }

    .toys .b18 {
      grid-area: 9 / 6;
      top: -5px;
      left: 20px;
    }

    .toys .b19 {
      grid-area: 9 / 10;
      top: 26px;
      left: -30px;
    }

    .toys .b20 {
      grid-area: 8 / 10;
      top: 24px;
      left: 0px;
    }

    .light {
      width: 3px;
      height: 3px;
      border-radius: 50%;
      position: absolute;
      background-color: #fff;
      animation: lights 1.5s ease-in infinite alternate;
    }

    .l1 {
      grid-area: 2 / 5;
      top: 5px;
      left: 5px;
    }

    .l2 {
      grid-area: 3 / 4;
      animation-delay: 0.4s;
    }

    .l3 {
      grid-area: 3/ 5;
      top: -5px;
      left: -5px;
      animation-delay: 0.6s;
    }

    .l4 {
      grid-area: 3 / 5;
      top: 15px;
      left: 0px;
      animation-delay: 0.8s;
    }

    .l5 {
      grid-area: 2 / 5;
      top: 5px;
      left: 5px;
      animation-delay: 1s;
    }

    .l7 {
      grid-area: 4 / 5;
      top: 5px;
      left: 15px;
    }

    .l8 {
      animation-delay: 0.4s;
      grid-area: 5 / 7;
      top: -10px;
      left: 10px;
    }

    .l9 {
      animation-delay: 0.6s;
      grid-area: 5 / 6;
    }

    .l10 {
      animation-delay: 0.8s;
      grid-area: 5 / 3;
      top: -5px;
      left: 15px;
    }

    .l11 {
      animation-delay: 1s;
      grid-area: 5 / 4;
      top: 5px;
      left: 10px;
    }

    .l12 {
      grid-area: 6 / 5;
      left: 5px;
    }

    .l13 {
      animation-delay: 0.4s;
      grid-area: 6 / 7;
      left: 5px;
      top: 3px;
    }

    .l14 {
      animation-delay: 0.6s;
      grid-area: 7 / 6;
      left: 5px;
    }

    .l15 {
      animation-delay: 0.8s;
      grid-area: 6 / 3;
      top: 8px;
    }

    .l16 {
      animation-delay: 1s;
      grid-area: 7 / 4;
    }

    .l17 {
      grid-area: 8 / 5;
    }

    .l18 {
      animation-delay: 0.4s;
      grid-area: 9 / 6;
    }

    .l19 {
      animation-delay: 0.6s;
      grid-area: 8 / 7;
      top: 5px;
      left: 7px;
    }

    .l20 {
      animation-delay: 0.8s;
      grid-area: 8 / 2;
      top: -15px;
      left: 5px;
    }

    .l21 {
      animation-delay: 1s;
      grid-area: 8/ 3;
      left: 5px;
      top: 5px;
    }

    .l22 {
      animation-delay: 0.4s;
      grid-area: 7 / 8;
      top: 15px;
      left: 20px;
    }

    .l23 {
      animation-delay: 0.6s;
      grid-area: 9 / 1;
      left: 15px;
      top: 15px;
    }

    .l24 {
      animation-delay: 0.8s;
      grid-area: 9 / 3;
    }

    .l25 {
      animation-delay: 1s;
      grid-area: 9 / 8;
      top: 5px;
      left: 15px;
    }

    .l6 {
      grid-area: 2 / 5;
      top: 10px;
      left: 20px;
    }

    @keyframes starLight {
      0% {
        background: radial-gradient(ellipse at center, gold 0%, rgba(255, 240, 158, 0.5) 42%, rgba(255, 242, 173, 0.2) 58%, rgba(255, 255, 255, 0.1) 100%);
      }

      15% {
        background: radial-gradient(ellipse at center, gold 0%, rgba(255, 240, 158, 0.5) 41%, rgba(255, 242, 173, 0.2) 59%, rgba(255, 255, 255, 0.1) 100%);
      }

      25% {
        background: radial-gradient(ellipse at center, gold 0%, rgba(255, 240, 158, 0.5) 40%, rgba(255, 242, 173, 0.2) 60%, rgba(255, 255, 255, 0.1) 100%);
      }

      35% {
        background: radial-gradient(ellipse at center, gold 0%, rgba(255, 240, 158, 0.5) 39%, rgba(255, 242, 173, 0.2) 61%, rgba(255, 255, 255, 0.1) 100%);
      }

      50% {
        background: radial-gradient(ellipse at center, gold 0%, rgba(255, 240, 158, 0.5) 38%, rgba(255, 242, 173, 0.2) 62%, rgba(255, 255, 255, 0.1) 100%);
      }

      65% {
        background: radial-gradient(ellipse at center, gold 0%, rgba(255, 240, 158, 0.5) 37%, rgba(255, 242, 173, 0.2) 63%, rgba(255, 255, 255, 0.1) 100%);
      }

      75% {
        background: radial-gradient(ellipse at center, gold 0%, rgba(255, 240, 158, 0.5) 36%, rgba(255, 242, 173, 0.2) 64%, rgba(255, 255, 255, 0.1) 100%);
      }

      85% {
        background: radial-gradient(ellipse at center, gold 0%, rgba(255, 240, 158, 0.5) 35%, rgba(255, 242, 173, 0.2) 65%, rgba(255, 255, 255, 0.1) 100%);
      }

      100% {
        background: radial-gradient(ellipse at center, gold 0%, rgba(255, 240, 158, 0.5) 34%, rgba(255, 242, 173, 0.2) 66%, rgba(255, 255, 255, 0.1) 100%);
      }
    }

    @keyframes lights {
      0% {
        box-shadow: 0 0 0px 0px #fff;
      }

      25% {
        box-shadow: 0 0 1px 1px #fff;
      }

      50% {
        box-shadow: 0 0 2px 2px #fff;
      }

      75% {
        box-shadow: 0 0 3px 3px #fff;
      }

      100% {
        box-shadow: 0 0 4px 4px #fff;
      }
    }
    .snow {
  position: absolute;
  width: 10px;
  height: 10px;
  background: white;
  border-radius: 50%; }
  .snow:nth-child(1) {
    opacity: 0.0936;
    transform: translate(80.4388vw, -10px) scale(0.2978);
    animation: fall-1 11s -6s linear infinite; }
@keyframes fall-1 {
  41.666% {
    transform: translate(72.1931vw, 41.666vh) scale(0.2978); }
  to {
    transform: translate(76.31595vw, 100vh) scale(0.2978); } }
  .snow:nth-child(2) {
    opacity: 0.6988;
    transform: translate(17.6021vw, -10px) scale(0.9007);
    animation: fall-2 14s -22s linear infinite; }
@keyframes fall-2 {
  76.887% {
    transform: translate(27.2791vw, 76.887vh) scale(0.9007); }
  to {
    transform: translate(22.4406vw, 100vh) scale(0.9007); } }
  .snow:nth-child(3) {
    opacity: 0.92;
    transform: translate(66.0711vw, -10px) scale(0.5654);
    animation: fall-3 23s -26s linear infinite; }
@keyframes fall-3 {
  44.563% {
    transform: translate(69.8554vw, 44.563vh) scale(0.5654); }
  to {
    transform: translate(67.96325vw, 100vh) scale(0.5654); } }
  .snow:nth-child(4) {
    opacity: 0.0812;
    transform: translate(69.4729vw, -10px) scale(0.8093);
    animation: fall-4 23s -12s linear infinite; }
@keyframes fall-4 {
  76.652% {
    transform: translate(63.5725vw, 76.652vh) scale(0.8093); }
  to {
    transform: translate(66.5227vw, 100vh) scale(0.8093); } }
  .snow:nth-child(5) {
    opacity: 0.6551;
    transform: translate(90.4791vw, -10px) scale(0.078);
    animation: fall-5 14s -10s linear infinite; }
@keyframes fall-5 {
  68.486% {
    transform: translate(89.3696vw, 68.486vh) scale(0.078); }
  to {
    transform: translate(89.92435vw, 100vh) scale(0.078); } }
  .snow:nth-child(6) {
    opacity: 0.7677;
    transform: translate(14.1681vw, -10px) scale(0.3944);
    animation: fall-6 19s -4s linear infinite; }
@keyframes fall-6 {
  32.078% {
    transform: translate(4.1941vw, 32.078vh) scale(0.3944); }
  to {
    transform: translate(9.1811vw, 100vh) scale(0.3944); } }
  .snow:nth-child(7) {
    opacity: 0.7732;
    transform: translate(56.8509vw, -10px) scale(0.9716);
    animation: fall-7 19s -1s linear infinite; }
@keyframes fall-7 {
  76.895% {
    transform: translate(62.8398vw, 76.895vh) scale(0.9716); }
  to {
    transform: translate(59.84535vw, 100vh) scale(0.9716); } }
  .snow:nth-child(8) {
    opacity: 0.0582;
    transform: translate(83.9807vw, -10px) scale(0.9087);
    animation: fall-8 22s -8s linear infinite; }
@keyframes fall-8 {
  43.772% {
    transform: translate(75.0694vw, 43.772vh) scale(0.9087); }
  to {
    transform: translate(79.52505vw, 100vh) scale(0.9087); } }
  .snow:nth-child(9) {
    opacity: 0.173;
    transform: translate(5.9416vw, -10px) scale(0.0714);
    animation: fall-9 29s -8s linear infinite; }
@keyframes fall-9 {
  48.578% {
    transform: translate(8.7904vw, 48.578vh) scale(0.0714); }
  to {
    transform: translate(7.366vw, 100vh) scale(0.0714); } }
  .snow:nth-child(10) {
    opacity: 0.594;
    transform: translate(5.4956vw, -10px) scale(0.1796);
    animation: fall-10 26s -29s linear infinite; }
@keyframes fall-10 {
  71.958% {
    transform: translate(5.412vw, 71.958vh) scale(0.1796); }
  to {
    transform: translate(5.4538vw, 100vh) scale(0.1796); } }
  .snow:nth-child(11) {
    opacity: 0.7717;
    transform: translate(69.3548vw, -10px) scale(0.6174);
    animation: fall-11 27s -21s linear infinite; }
@keyframes fall-11 {
  33.325% {
    transform: translate(64.3412vw, 33.325vh) scale(0.6174); }
  to {
    transform: translate(66.848vw, 100vh) scale(0.6174); } }
  .snow:nth-child(12) {
    opacity: 0.9599;
    transform: translate(72.7723vw, -10px) scale(0.4433);
    animation: fall-12 13s -4s linear infinite; }
@keyframes fall-12 {
  66.697% {
    transform: translate(66.0599vw, 66.697vh) scale(0.4433); }
  to {
    transform: translate(69.4161vw, 100vh) scale(0.4433); } }
  .snow:nth-child(13) {
    opacity: 0.8633;
    transform: translate(81.1071vw, -10px) scale(0.6033);
    animation: fall-13 20s -28s linear infinite; }
@keyframes fall-13 {
  33.516% {
    transform: translate(74.5821vw, 33.516vh) scale(0.6033); }
  to {
    transform: translate(77.8446vw, 100vh) scale(0.6033); } }
  .snow:nth-child(14) {
    opacity: 0.0517;
    transform: translate(54.5049vw, -10px) scale(0.7678);
    animation: fall-14 21s -29s linear infinite; }
@keyframes fall-14 {
  71.846% {
    transform: translate(59.4624vw, 71.846vh) scale(0.7678); }
  to {
    transform: translate(56.98365vw, 100vh) scale(0.7678); } }
  .snow:nth-child(15) {
    opacity: 0.9182;
    transform: translate(89.3754vw, -10px) scale(0.1886);
    animation: fall-15 15s -10s linear infinite; }
@keyframes fall-15 {
  57.063% {
    transform: translate(88.1636vw, 57.063vh) scale(0.1886); }
  to {
    transform: translate(88.7695vw, 100vh) scale(0.1886); } }
  .snow:nth-child(16) {
    opacity: 0.6422;
    transform: translate(67.5918vw, -10px) scale(0.489);
    animation: fall-16 23s -26s linear infinite; }
@keyframes fall-16 {
  49.504% {
    transform: translate(61.0782vw, 49.504vh) scale(0.489); }
  to {
    transform: translate(64.335vw, 100vh) scale(0.489); } }
  .snow:nth-child(17) {
    opacity: 0.4133;
    transform: translate(71.0958vw, -10px) scale(0.8115);
    animation: fall-17 21s -24s linear infinite; }
@keyframes fall-17 {
  42.986% {
    transform: translate(79.7042vw, 42.986vh) scale(0.8115); }
  to {
    transform: translate(75.4vw, 100vh) scale(0.8115); } }
  .snow:nth-child(18) {
    opacity: 0.2745;
    transform: translate(58.6112vw, -10px) scale(0.9403);
    animation: fall-18 12s -29s linear infinite; }
@keyframes fall-18 {
  73.969% {
    transform: translate(50.7024vw, 73.969vh) scale(0.9403); }
  to {
    transform: translate(54.6568vw, 100vh) scale(0.9403); } }
  .snow:nth-child(19) {
    opacity: 0.8575;
    transform: translate(2.4869vw, -10px) scale(0.968);
    animation: fall-19 15s -26s linear infinite; }
@keyframes fall-19 {
  59.435% {
    transform: translate(0.8632vw, 59.435vh) scale(0.968); }
  to {
    transform: translate(1.67505vw, 100vh) scale(0.968); } }
  .snow:nth-child(20) {
    opacity: 0.6756;
    transform: translate(8.8489vw, -10px) scale(0.886);
    animation: fall-20 12s -1s linear infinite; }
@keyframes fall-20 {
  65.336% {
    transform: translate(4.7007vw, 65.336vh) scale(0.886); }
  to {
    transform: translate(6.7748vw, 100vh) scale(0.886); } }
  .snow:nth-child(21) {
    opacity: 0.9586;
    transform: translate(98.7472vw, -10px) scale(0.7681);
    animation: fall-21 24s -10s linear infinite; }
@keyframes fall-21 {
  30.381% {
    transform: translate(89.445vw, 30.381vh) scale(0.7681); }
  to {
    transform: translate(94.0961vw, 100vh) scale(0.7681); } }
  .snow:nth-child(22) {
    opacity: 0.9391;
    transform: translate(65.4655vw, -10px) scale(0.6443);
    animation: fall-22 17s -18s linear infinite; }
@keyframes fall-22 {
  55.553% {
    transform: translate(74.0545vw, 55.553vh) scale(0.6443); }
  to {
    transform: translate(69.76vw, 100vh) scale(0.6443); } }
  .snow:nth-child(23) {
    opacity: 0.4506;
    transform: translate(52.812vw, -10px) scale(0.7088);
    animation: fall-23 23s -11s linear infinite; }
@keyframes fall-23 {
  62.761% {
    transform: translate(59.2475vw, 62.761vh) scale(0.7088); }
  to {
    transform: translate(56.02975vw, 100vh) scale(0.7088); } }
  .snow:nth-child(24) {
    opacity: 0.9958;
    transform: translate(28.1113vw, -10px) scale(0.4665);
    animation: fall-24 15s -29s linear infinite; }
@keyframes fall-24 {
  50.821% {
    transform: translate(22.2528vw, 50.821vh) scale(0.4665); }
  to {
    transform: translate(25.18205vw, 100vh) scale(0.4665); } }
  .snow:nth-child(25) {
    opacity: 0.2328;
    transform: translate(15.0826vw, -10px) scale(0.0626);
    animation: fall-25 20s -8s linear infinite; }
@keyframes fall-25 {
  42.776% {
    transform: translate(22.9272vw, 42.776vh) scale(0.0626); }
  to {
    transform: translate(19.0049vw, 100vh) scale(0.0626); } }
  .snow:nth-child(26) {
    opacity: 0.4909;
    transform: translate(61.9885vw, -10px) scale(0.3936);
    animation: fall-26 13s -22s linear infinite; }
@keyframes fall-26 {
  57.283% {
    transform: translate(55.4529vw, 57.283vh) scale(0.3936); }
  to {
    transform: translate(58.7207vw, 100vh) scale(0.3936); } }
  .snow:nth-child(27) {
    opacity: 0.112;
    transform: translate(16.493vw, -10px) scale(0.431);
    animation: fall-27 21s -11s linear infinite; }
@keyframes fall-27 {
  44.729% {
    transform: translate(18.7012vw, 44.729vh) scale(0.431); }
  to {
    transform: translate(17.5971vw, 100vh) scale(0.431); } }
  .snow:nth-child(28) {
    opacity: 0.406;
    transform: translate(69.373vw, -10px) scale(0.5545);
    animation: fall-28 23s -11s linear infinite; }
@keyframes fall-28 {
  40.962% {
    transform: translate(61.8846vw, 40.962vh) scale(0.5545); }
  to {
    transform: translate(65.6288vw, 100vh) scale(0.5545); } }
  .snow:nth-child(29) {
    opacity: 0.507;
    transform: translate(2.3246vw, -10px) scale(0.4412);
    animation: fall-29 30s -19s linear infinite; }
@keyframes fall-29 {
  49.452% {
    transform: translate(0.0575vw, 49.452vh) scale(0.4412); }
  to {
    transform: translate(1.19105vw, 100vh) scale(0.4412); } }
  .snow:nth-child(30) {
    opacity: 0.2554;
    transform: translate(44.5778vw, -10px) scale(0.3917);
    animation: fall-30 27s -8s linear infinite; }
@keyframes fall-30 {
  48.877% {
    transform: translate(47.2817vw, 48.877vh) scale(0.3917); }
  to {
    transform: translate(45.92975vw, 100vh) scale(0.3917); } }
  .snow:nth-child(31) {
    opacity: 0.8168;
    transform: translate(80.6309vw, -10px) scale(0.3593);
    animation: fall-31 11s -9s linear infinite; }
@keyframes fall-31 {
  51.814% {
    transform: translate(77.3225vw, 51.814vh) scale(0.3593); }
  to {
    transform: translate(78.9767vw, 100vh) scale(0.3593); } }
  .snow:nth-child(32) {
    opacity: 0.4027;
    transform: translate(77.4584vw, -10px) scale(0.3172);
    animation: fall-32 30s -14s linear infinite; }
@keyframes fall-32 {
  77.289% {
    transform: translate(81.1531vw, 77.289vh) scale(0.3172); }
  to {
    transform: translate(79.30575vw, 100vh) scale(0.3172); } }
  .snow:nth-child(33) {
    opacity: 0.0493;
    transform: translate(38.5132vw, -10px) scale(0.7055);
    animation: fall-33 18s -16s linear infinite; }
@keyframes fall-33 {
  79.966% {
    transform: translate(35.1097vw, 79.966vh) scale(0.7055); }
  to {
    transform: translate(36.81145vw, 100vh) scale(0.7055); } }
  .snow:nth-child(34) {
    opacity: 0.8716;
    transform: translate(28.2438vw, -10px) scale(0.7361);
    animation: fall-34 29s -23s linear infinite; }
@keyframes fall-34 {
  67.747% {
    transform: translate(31.9276vw, 67.747vh) scale(0.7361); }
  to {
    transform: translate(30.0857vw, 100vh) scale(0.7361); } }
  .snow:nth-child(35) {
    opacity: 0.9485;
    transform: translate(86.1713vw, -10px) scale(0.3718);
    animation: fall-35 27s -15s linear infinite; }
@keyframes fall-35 {
  46.399% {
    transform: translate(94.284vw, 46.399vh) scale(0.3718); }
  to {
    transform: translate(90.22765vw, 100vh) scale(0.3718); } }
  .snow:nth-child(36) {
    opacity: 0.927;
    transform: translate(25.657vw, -10px) scale(0.9569);
    animation: fall-36 17s -6s linear infinite; }
@keyframes fall-36 {
  40.305% {
    transform: translate(34.5548vw, 40.305vh) scale(0.9569); }
  to {
    transform: translate(30.1059vw, 100vh) scale(0.9569); } }
  .snow:nth-child(37) {
    opacity: 0.8998;
    transform: translate(6.515vw, -10px) scale(0.7267);
    animation: fall-37 30s -22s linear infinite; }
@keyframes fall-37 {
  31.307% {
    transform: translate(0.726vw, 31.307vh) scale(0.7267); }
  to {
    transform: translate(3.6205vw, 100vh) scale(0.7267); } }
  .snow:nth-child(38) {
    opacity: 0.1964;
    transform: translate(36.965vw, -10px) scale(0.1566);
    animation: fall-38 21s -14s linear infinite; }
@keyframes fall-38 {
  45.041% {
    transform: translate(29.2432vw, 45.041vh) scale(0.1566); }
  to {
    transform: translate(33.1041vw, 100vh) scale(0.1566); } }
  .snow:nth-child(39) {
    opacity: 0.1998;
    transform: translate(2.7879vw, -10px) scale(0.6421);
    animation: fall-39 22s -24s linear infinite; }
@keyframes fall-39 {
  51.681% {
    transform: translate(-2.3459vw, 51.681vh) scale(0.6421); }
  to {
    transform: translate(0.221vw, 100vh) scale(0.6421); } }
  .snow:nth-child(40) {
    opacity: 0.5121;
    transform: translate(38.363vw, -10px) scale(0.9617);
    animation: fall-40 21s -29s linear infinite; }
@keyframes fall-40 {
  34.986% {
    transform: translate(34.3168vw, 34.986vh) scale(0.9617); }
  to {
    transform: translate(36.3399vw, 100vh) scale(0.9617); } }
  .snow:nth-child(41) {
    opacity: 0.3568;
    transform: translate(82.1805vw, -10px) scale(0.0248);
    animation: fall-41 28s -8s linear infinite; }
@keyframes fall-41 {
  63.809% {
    transform: translate(84.1725vw, 63.809vh) scale(0.0248); }
  to {
    transform: translate(83.1765vw, 100vh) scale(0.0248); } }
  .snow:nth-child(42) {
    opacity: 0.9888;
    transform: translate(66.6751vw, -10px) scale(0.0324);
    animation: fall-42 20s -16s linear infinite; }
@keyframes fall-42 {
  65.4% {
    transform: translate(76.1309vw, 65.4vh) scale(0.0324); }
  to {
    transform: translate(71.403vw, 100vh) scale(0.0324); } }
  .snow:nth-child(43) {
    opacity: 0.2734;
    transform: translate(63.0322vw, -10px) scale(0.9005);
    animation: fall-43 26s -8s linear infinite; }
@keyframes fall-43 {
  70.244% {
    transform: translate(55.2992vw, 70.244vh) scale(0.9005); }
  to {
    transform: translate(59.1657vw, 100vh) scale(0.9005); } }
  .snow:nth-child(44) {
    opacity: 0.7022;
    transform: translate(14.5555vw, -10px) scale(0.0469);
    animation: fall-44 10s -13s linear infinite; }
@keyframes fall-44 {
  60.189% {
    transform: translate(20.0769vw, 60.189vh) scale(0.0469); }
  to {
    transform: translate(17.3162vw, 100vh) scale(0.0469); } }
  .snow:nth-child(45) {
    opacity: 0.2484;
    transform: translate(9.4987vw, -10px) scale(0.7805);
    animation: fall-45 18s -16s linear infinite; }
@keyframes fall-45 {
  53.451% {
    transform: translate(7.2932vw, 53.451vh) scale(0.7805); }
  to {
    transform: translate(8.39595vw, 100vh) scale(0.7805); } }
  .snow:nth-child(46) {
    opacity: 0.1974;
    transform: translate(66.8793vw, -10px) scale(0.1499);
    animation: fall-46 30s -25s linear infinite; }
@keyframes fall-46 {
  31.897% {
    transform: translate(58.9476vw, 31.897vh) scale(0.1499); }
  to {
    transform: translate(62.91345vw, 100vh) scale(0.1499); } }
  .snow:nth-child(47) {
    opacity: 0.4172;
    transform: translate(26.5907vw, -10px) scale(0.0208);
    animation: fall-47 17s -17s linear infinite; }
@keyframes fall-47 {
  77.502% {
    transform: translate(31.6966vw, 77.502vh) scale(0.0208); }
  to {
    transform: translate(29.14365vw, 100vh) scale(0.0208); } }
  .snow:nth-child(48) {
    opacity: 0.0082;
    transform: translate(68.0598vw, -10px) scale(0.3081);
    animation: fall-48 25s -7s linear infinite; }
@keyframes fall-48 {
  46.364% {
    transform: translate(58.9736vw, 46.364vh) scale(0.3081); }
  to {
    transform: translate(63.5167vw, 100vh) scale(0.3081); } }
  .snow:nth-child(49) {
    opacity: 0.4255;
    transform: translate(57.4921vw, -10px) scale(0.7457);
    animation: fall-49 17s -23s linear infinite; }
@keyframes fall-49 {
  71.642% {
    transform: translate(56.8669vw, 71.642vh) scale(0.7457); }
  to {
    transform: translate(57.1795vw, 100vh) scale(0.7457); } }
  .snow:nth-child(50) {
    opacity: 0.7305;
    transform: translate(61.3556vw, -10px) scale(0.7556);
    animation: fall-50 28s -14s linear infinite; }
@keyframes fall-50 {
  79.753% {
    transform: translate(62.9154vw, 79.753vh) scale(0.7556); }
  to {
    transform: translate(62.1355vw, 100vh) scale(0.7556); } }
  .snow:nth-child(51) {
    opacity: 0.2897;
    transform: translate(31.4418vw, -10px) scale(0.0998);
    animation: fall-51 24s -24s linear infinite; }
@keyframes fall-51 {
  61.846% {
    transform: translate(27.7621vw, 61.846vh) scale(0.0998); }
  to {
    transform: translate(29.60195vw, 100vh) scale(0.0998); } }
  .snow:nth-child(52) {
    opacity: 0.9451;
    transform: translate(24.2852vw, -10px) scale(0.0843);
    animation: fall-52 10s -14s linear infinite; }
@keyframes fall-52 {
  51.092% {
    transform: translate(21.598vw, 51.092vh) scale(0.0843); }
  to {
    transform: translate(22.9416vw, 100vh) scale(0.0843); } }
  .snow:nth-child(53) {
    opacity: 0.0495;
    transform: translate(52.0434vw, -10px) scale(0.8492);
    animation: fall-53 12s -28s linear infinite; }
@keyframes fall-53 {
  69.482% {
    transform: translate(47.9193vw, 69.482vh) scale(0.8492); }
  to {
    transform: translate(49.98135vw, 100vh) scale(0.8492); } }
  .snow:nth-child(54) {
    opacity: 0.6365;
    transform: translate(96.9179vw, -10px) scale(0.8935);
    animation: fall-54 29s -13s linear infinite; }
@keyframes fall-54 {
  31.344% {
    transform: translate(97.7498vw, 31.344vh) scale(0.8935); }
  to {
    transform: translate(97.33385vw, 100vh) scale(0.8935); } }
  .snow:nth-child(55) {
    opacity: 0.6224;
    transform: translate(75.9139vw, -10px) scale(0.1205);
    animation: fall-55 27s -22s linear infinite; }
@keyframes fall-55 {
  61.755% {
    transform: translate(69.6575vw, 61.755vh) scale(0.1205); }
  to {
    transform: translate(72.7857vw, 100vh) scale(0.1205); } }
  .snow:nth-child(56) {
    opacity: 0.8356;
    transform: translate(47.6321vw, -10px) scale(0.5746);
    animation: fall-56 12s -6s linear infinite; }
@keyframes fall-56 {
  34.06% {
    transform: translate(45.9156vw, 34.06vh) scale(0.5746); }
  to {
    transform: translate(46.77385vw, 100vh) scale(0.5746); } }
  .snow:nth-child(57) {
    opacity: 0.7343;
    transform: translate(0.6286vw, -10px) scale(0.1053);
    animation: fall-57 25s -20s linear infinite; }
@keyframes fall-57 {
  73.45% {
    transform: translate(-0.5489vw, 73.45vh) scale(0.1053); }
  to {
    transform: translate(0.03985vw, 100vh) scale(0.1053); } }
  .snow:nth-child(58) {
    opacity: 0.6525;
    transform: translate(74.6891vw, -10px) scale(0.2969);
    animation: fall-58 19s -22s linear infinite; }
@keyframes fall-58 {
  50.225% {
    transform: translate(74.2136vw, 50.225vh) scale(0.2969); }
  to {
    transform: translate(74.45135vw, 100vh) scale(0.2969); } }
  .snow:nth-child(59) {
    opacity: 0.3267;
    transform: translate(31.3285vw, -10px) scale(0.483);
    animation: fall-59 18s -29s linear infinite; }
@keyframes fall-59 {
  59.765% {
    transform: translate(24.5814vw, 59.765vh) scale(0.483); }
  to {
    transform: translate(27.95495vw, 100vh) scale(0.483); } }
  .snow:nth-child(60) {
    opacity: 0.349;
    transform: translate(90.5857vw, -10px) scale(0.1057);
    animation: fall-60 13s -6s linear infinite; }
@keyframes fall-60 {
  66.437% {
    transform: translate(92.944vw, 66.437vh) scale(0.1057); }
  to {
    transform: translate(91.76485vw, 100vh) scale(0.1057); } }
  .snow:nth-child(61) {
    opacity: 0.224;
    transform: translate(75.739vw, -10px) scale(0.0155);
    animation: fall-61 13s -29s linear infinite; }
@keyframes fall-61 {
  71.134% {
    transform: translate(82.3792vw, 71.134vh) scale(0.0155); }
  to {
    transform: translate(79.0591vw, 100vh) scale(0.0155); } }
  .snow:nth-child(62) {
    opacity: 0.9718;
    transform: translate(83.8095vw, -10px) scale(0.2914);
    animation: fall-62 16s -6s linear infinite; }
@keyframes fall-62 {
  56.254% {
    transform: translate(84.6304vw, 56.254vh) scale(0.2914); }
  to {
    transform: translate(84.21995vw, 100vh) scale(0.2914); } }
  .snow:nth-child(63) {
    opacity: 0.3831;
    transform: translate(34.6095vw, -10px) scale(0.3372);
    animation: fall-63 18s -15s linear infinite; }
@keyframes fall-63 {
  54.26% {
    transform: translate(30.6204vw, 54.26vh) scale(0.3372); }
  to {
    transform: translate(32.61495vw, 100vh) scale(0.3372); } }
  .snow:nth-child(64) {
    opacity: 0.9829;
    transform: translate(54.8533vw, -10px) scale(0.6148);
    animation: fall-64 24s -28s linear infinite; }
@keyframes fall-64 {
  53.453% {
    transform: translate(53.3592vw, 53.453vh) scale(0.6148); }
  to {
    transform: translate(54.10625vw, 100vh) scale(0.6148); } }
  .snow:nth-child(65) {
    opacity: 0.4207;
    transform: translate(5.8679vw, -10px) scale(0.8339);
    animation: fall-65 18s -10s linear infinite; }
@keyframes fall-65 {
  58.283% {
    transform: translate(0.7424vw, 58.283vh) scale(0.8339); }
  to {
    transform: translate(3.30515vw, 100vh) scale(0.8339); } }
  .snow:nth-child(66) {
    opacity: 0.7417;
    transform: translate(63.8257vw, -10px) scale(0.5909);
    animation: fall-66 25s -10s linear infinite; }
@keyframes fall-66 {
  31.689% {
    transform: translate(67.1036vw, 31.689vh) scale(0.5909); }
  to {
    transform: translate(65.46465vw, 100vh) scale(0.5909); } }
  .snow:nth-child(67) {
    opacity: 0.8243;
    transform: translate(44.8699vw, -10px) scale(0.9022);
    animation: fall-67 15s -19s linear infinite; }
@keyframes fall-67 {
  48.54% {
    transform: translate(39.5628vw, 48.54vh) scale(0.9022); }
  to {
    transform: translate(42.21635vw, 100vh) scale(0.9022); } }
  .snow:nth-child(68) {
    opacity: 0.7569;
    transform: translate(46.5131vw, -10px) scale(0.4071);
    animation: fall-68 19s -2s linear infinite; }
@keyframes fall-68 {
  46.713% {
    transform: translate(37.4117vw, 46.713vh) scale(0.4071); }
  to {
    transform: translate(41.9624vw, 100vh) scale(0.4071); } }
  .snow:nth-child(69) {
    opacity: 0.1659;
    transform: translate(71.9749vw, -10px) scale(0.6191);
    animation: fall-69 27s -15s linear infinite; }
@keyframes fall-69 {
  70.916% {
    transform: translate(80.9827vw, 70.916vh) scale(0.6191); }
  to {
    transform: translate(76.4788vw, 100vh) scale(0.6191); } }
  .snow:nth-child(70) {
    opacity: 0.6212;
    transform: translate(13.2574vw, -10px) scale(0.8888);
    animation: fall-70 29s -17s linear infinite; }
@keyframes fall-70 {
  32.809% {
    transform: translate(22.5788vw, 32.809vh) scale(0.8888); }
  to {
    transform: translate(17.9181vw, 100vh) scale(0.8888); } }
  .snow:nth-child(71) {
    opacity: 0.7935;
    transform: translate(73.3395vw, -10px) scale(0.1683);
    animation: fall-71 17s -17s linear infinite; }
@keyframes fall-71 {
  75.021% {
    transform: translate(66.6447vw, 75.021vh) scale(0.1683); }
  to {
    transform: translate(69.9921vw, 100vh) scale(0.1683); } }
  .snow:nth-child(72) {
    opacity: 0.4504;
    transform: translate(39.8409vw, -10px) scale(0.0644);
    animation: fall-72 14s -9s linear infinite; }
@keyframes fall-72 {
  32.004% {
    transform: translate(37.698vw, 32.004vh) scale(0.0644); }
  to {
    transform: translate(38.76945vw, 100vh) scale(0.0644); } }
  .snow:nth-child(73) {
    opacity: 0.998;
    transform: translate(68.7426vw, -10px) scale(0.9547);
    animation: fall-73 14s -20s linear infinite; }
@keyframes fall-73 {
  52.573% {
    transform: translate(66.1338vw, 52.573vh) scale(0.9547); }
  to {
    transform: translate(67.4382vw, 100vh) scale(0.9547); } }
  .snow:nth-child(74) {
    opacity: 0.4596;
    transform: translate(54.0209vw, -10px) scale(0.776);
    animation: fall-74 20s -24s linear infinite; }
@keyframes fall-74 {
  44.243% {
    transform: translate(48.2253vw, 44.243vh) scale(0.776); }
  to {
    transform: translate(51.1231vw, 100vh) scale(0.776); } }
  .snow:nth-child(75) {
    opacity: 0.917;
    transform: translate(36.3317vw, -10px) scale(0.7291);
    animation: fall-75 20s -18s linear infinite; }
@keyframes fall-75 {
  74.501% {
    transform: translate(38.8743vw, 74.501vh) scale(0.7291); }
  to {
    transform: translate(37.603vw, 100vh) scale(0.7291); } }
  .snow:nth-child(76) {
    opacity: 0.7008;
    transform: translate(87.283vw, -10px) scale(0.2912);
    animation: fall-76 21s -10s linear infinite; }
@keyframes fall-76 {
  54.827% {
    transform: translate(79.9413vw, 54.827vh) scale(0.2912); }
  to {
    transform: translate(83.61215vw, 100vh) scale(0.2912); } }
  .snow:nth-child(77) {
    opacity: 0.1068;
    transform: translate(32.2191vw, -10px) scale(0.8951);
    animation: fall-77 11s -22s linear infinite; }
@keyframes fall-77 {
  45.793% {
    transform: translate(38.0984vw, 45.793vh) scale(0.8951); }
  to {
    transform: translate(35.15875vw, 100vh) scale(0.8951); } }
  .snow:nth-child(78) {
    opacity: 0.0739;
    transform: translate(92.0498vw, -10px) scale(0.5432);
    animation: fall-78 23s -6s linear infinite; }
@keyframes fall-78 {
  77.56% {
    transform: translate(91.014vw, 77.56vh) scale(0.5432); }
  to {
    transform: translate(91.5319vw, 100vh) scale(0.5432); } }
  .snow:nth-child(79) {
    opacity: 0.7956;
    transform: translate(44.5615vw, -10px) scale(0.5072);
    animation: fall-79 13s -24s linear infinite; }
@keyframes fall-79 {
  40.362% {
    transform: translate(41.994vw, 40.362vh) scale(0.5072); }
  to {
    transform: translate(43.27775vw, 100vh) scale(0.5072); } }
  .snow:nth-child(80) {
    opacity: 0.692;
    transform: translate(40.9265vw, -10px) scale(0.0099);
    animation: fall-80 30s -27s linear infinite; }
@keyframes fall-80 {
  31.897% {
    transform: translate(42.2837vw, 31.897vh) scale(0.0099); }
  to {
    transform: translate(41.6051vw, 100vh) scale(0.0099); } }
  .snow:nth-child(81) {
    opacity: 0.8905;
    transform: translate(0.0556vw, -10px) scale(0.4975);
    animation: fall-81 22s -4s linear infinite; }
@keyframes fall-81 {
  66.24% {
    transform: translate(-7.6181vw, 66.24vh) scale(0.4975); }
  to {
    transform: translate(-3.78125vw, 100vh) scale(0.4975); } }
  .snow:nth-child(82) {
    opacity: 0.5811;
    transform: translate(51.8579vw, -10px) scale(0.6139);
    animation: fall-82 11s -11s linear infinite; }
@keyframes fall-82 {
  51.932% {
    transform: translate(50.1688vw, 51.932vh) scale(0.6139); }
  to {
    transform: translate(51.01335vw, 100vh) scale(0.6139); } }
  .snow:nth-child(83) {
    opacity: 0.5922;
    transform: translate(25.2397vw, -10px) scale(0.2002);
    animation: fall-83 21s -12s linear infinite; }
@keyframes fall-83 {
  43.119% {
    transform: translate(20.0393vw, 43.119vh) scale(0.2002); }
  to {
    transform: translate(22.6395vw, 100vh) scale(0.2002); } }
  .snow:nth-child(84) {
    opacity: 0.982;
    transform: translate(78.3342vw, -10px) scale(0.9129);
    animation: fall-84 11s -1s linear infinite; }
@keyframes fall-84 {
  69.411% {
    transform: translate(75.2342vw, 69.411vh) scale(0.9129); }
  to {
    transform: translate(76.7842vw, 100vh) scale(0.9129); } }
  .snow:nth-child(85) {
    opacity: 0.7276;
    transform: translate(69.2222vw, -10px) scale(0.4631);
    animation: fall-85 29s -9s linear infinite; }
@keyframes fall-85 {
  75.114% {
    transform: translate(71.6157vw, 75.114vh) scale(0.4631); }
  to {
    transform: translate(70.41895vw, 100vh) scale(0.4631); } }
  .snow:nth-child(86) {
    opacity: 0.221;
    transform: translate(40.1275vw, -10px) scale(0.5818);
    animation: fall-86 10s -23s linear infinite; }
@keyframes fall-86 {
  52.067% {
    transform: translate(45.7091vw, 52.067vh) scale(0.5818); }
  to {
    transform: translate(42.9183vw, 100vh) scale(0.5818); } }
  .snow:nth-child(87) {
    opacity: 0.4527;
    transform: translate(98.1388vw, -10px) scale(0.2389);
    animation: fall-87 16s -24s linear infinite; }
@keyframes fall-87 {
  51.704% {
    transform: translate(90.2054vw, 51.704vh) scale(0.2389); }
  to {
    transform: translate(94.1721vw, 100vh) scale(0.2389); } }
  .snow:nth-child(88) {
    opacity: 0.4332;
    transform: translate(99.9683vw, -10px) scale(0.1157);
    animation: fall-88 25s -7s linear infinite; }
@keyframes fall-88 {
  69.277% {
    transform: translate(90.6044vw, 69.277vh) scale(0.1157); }
  to {
    transform: translate(95.28635vw, 100vh) scale(0.1157); } }
  .snow:nth-child(89) {
    opacity: 0.99;
    transform: translate(42.6371vw, -10px) scale(0.5925);
    animation: fall-89 14s -2s linear infinite; }
@keyframes fall-89 {
  35.31% {
    transform: translate(45.3802vw, 35.31vh) scale(0.5925); }
  to {
    transform: translate(44.00865vw, 100vh) scale(0.5925); } }
  .snow:nth-child(90) {
    opacity: 0.097;
    transform: translate(73.9391vw, -10px) scale(0.9798);
    animation: fall-90 14s -15s linear infinite; }
@keyframes fall-90 {
  65.158% {
    transform: translate(77.6385vw, 65.158vh) scale(0.9798); }
  to {
    transform: translate(75.7888vw, 100vh) scale(0.9798); } }
  .snow:nth-child(91) {
    opacity: 0.1453;
    transform: translate(62.0655vw, -10px) scale(0.4583);
    animation: fall-91 16s -17s linear infinite; }
@keyframes fall-91 {
  45.482% {
    transform: translate(60.6311vw, 45.482vh) scale(0.4583); }
  to {
    transform: translate(61.3483vw, 100vh) scale(0.4583); } }
  .snow:nth-child(92) {
    opacity: 0.5551;
    transform: translate(15.2551vw, -10px) scale(0.1846);
    animation: fall-92 24s -26s linear infinite; }
@keyframes fall-92 {
  74.722% {
    transform: translate(9.2072vw, 74.722vh) scale(0.1846); }
  to {
    transform: translate(12.23115vw, 100vh) scale(0.1846); } }
  .snow:nth-child(93) {
    opacity: 0.554;
    transform: translate(95.6915vw, -10px) scale(0.9739);
    animation: fall-93 13s -5s linear infinite; }
@keyframes fall-93 {
  42.269% {
    transform: translate(96.8672vw, 42.269vh) scale(0.9739); }
  to {
    transform: translate(96.27935vw, 100vh) scale(0.9739); } }
  .snow:nth-child(94) {
    opacity: 0.6398;
    transform: translate(33.113vw, -10px) scale(0.3115);
    animation: fall-94 24s -10s linear infinite; }
@keyframes fall-94 {
  56.321% {
    transform: translate(26.8864vw, 56.321vh) scale(0.3115); }
  to {
    transform: translate(29.9997vw, 100vh) scale(0.3115); } }
  .snow:nth-child(95) {
    opacity: 0.7807;
    transform: translate(65.3623vw, -10px) scale(0.1968);
    animation: fall-95 11s -9s linear infinite; }
@keyframes fall-95 {
  39.367% {
    transform: translate(65.0239vw, 39.367vh) scale(0.1968); }
  to {
    transform: translate(65.1931vw, 100vh) scale(0.1968); } }
  .snow:nth-child(96) {
    opacity: 0.1732;
    transform: translate(96.5454vw, -10px) scale(0.8848);
    animation: fall-96 26s -16s linear infinite; }
@keyframes fall-96 {
  64.892% {
    transform: translate(105.1609vw, 64.892vh) scale(0.8848); }
  to {
    transform: translate(100.85315vw, 100vh) scale(0.8848); } }
  .snow:nth-child(97) {
    opacity: 0.9744;
    transform: translate(57.2825vw, -10px) scale(0.7637);
    animation: fall-97 22s -3s linear infinite; }
@keyframes fall-97 {
  41.733% {
    transform: translate(55.5367vw, 41.733vh) scale(0.7637); }
  to {
    transform: translate(56.4096vw, 100vh) scale(0.7637); } }
  .snow:nth-child(98) {
    opacity: 0.5814;
    transform: translate(89.6982vw, -10px) scale(0.0516);
    animation: fall-98 27s -26s linear infinite; }
@keyframes fall-98 {
  75.219% {
    transform: translate(93.3319vw, 75.219vh) scale(0.0516); }
  to {
    transform: translate(91.51505vw, 100vh) scale(0.0516); } }
  .snow:nth-child(99) {
    opacity: 0.3689;
    transform: translate(6.8393vw, -10px) scale(0.432);
    animation: fall-99 12s -2s linear infinite; }
@keyframes fall-99 {
  33.802% {
    transform: translate(-2.4926vw, 33.802vh) scale(0.432); }
  to {
    transform: translate(2.17335vw, 100vh) scale(0.432); } }
  .snow:nth-child(100) {
    opacity: 0.4758;
    transform: translate(53.9559vw, -10px) scale(0.657);
    animation: fall-100 23s -13s linear infinite; }
@keyframes fall-100 {
  54.973% {
    transform: translate(59.9464vw, 54.973vh) scale(0.657); }
  to {
    transform: translate(56.95115vw, 100vh) scale(0.657); } }
  .snow:nth-child(101) {
    opacity: 0.8795;
    transform: translate(8.6229vw, -10px) scale(0.567);
    animation: fall-101 12s -16s linear infinite; }
@keyframes fall-101 {
  68.837% {
    transform: translate(5.1128vw, 68.837vh) scale(0.567); }
  to {
    transform: translate(6.86785vw, 100vh) scale(0.567); } }
  .snow:nth-child(102) {
    opacity: 0.9533;
    transform: translate(87.619vw, -10px) scale(0.2686);
    animation: fall-102 19s -6s linear infinite; }
@keyframes fall-102 {
  47.573% {
    transform: translate(82.3813vw, 47.573vh) scale(0.2686); }
  to {
    transform: translate(85.00015vw, 100vh) scale(0.2686); } }
  .snow:nth-child(103) {
    opacity: 0.6385;
    transform: translate(18.6224vw, -10px) scale(0.816);
    animation: fall-103 14s -10s linear infinite; }
@keyframes fall-103 {
  79.23% {
    transform: translate(15.1376vw, 79.23vh) scale(0.816); }
  to {
    transform: translate(16.88vw, 100vh) scale(0.816); } }
  .snow:nth-child(104) {
    opacity: 0.2552;
    transform: translate(28.4512vw, -10px) scale(0.3923);
    animation: fall-104 24s -16s linear infinite; }
@keyframes fall-104 {
  37.885% {
    transform: translate(33.8483vw, 37.885vh) scale(0.3923); }
  to {
    transform: translate(31.14975vw, 100vh) scale(0.3923); } }
  .snow:nth-child(105) {
    opacity: 0.6232;
    transform: translate(43.3302vw, -10px) scale(0.8594);
    animation: fall-105 10s -29s linear infinite; }
@keyframes fall-105 {
  74.947% {
    transform: translate(39.0589vw, 74.947vh) scale(0.8594); }
  to {
    transform: translate(41.19455vw, 100vh) scale(0.8594); } }
  .snow:nth-child(106) {
    opacity: 0.6168;
    transform: translate(28.4745vw, -10px) scale(0.7499);
    animation: fall-106 10s -11s linear infinite; }
@keyframes fall-106 {
  45.726% {
    transform: translate(33.163vw, 45.726vh) scale(0.7499); }
  to {
    transform: translate(30.81875vw, 100vh) scale(0.7499); } }
  .snow:nth-child(107) {
    opacity: 0.6517;
    transform: translate(57.5439vw, -10px) scale(0.851);
    animation: fall-107 30s -28s linear infinite; }
@keyframes fall-107 {
  59.171% {
    transform: translate(61.3944vw, 59.171vh) scale(0.851); }
  to {
    transform: translate(59.46915vw, 100vh) scale(0.851); } }
  .snow:nth-child(108) {
    opacity: 0.7024;
    transform: translate(28.5966vw, -10px) scale(0.0872);
    animation: fall-108 24s -14s linear infinite; }
@keyframes fall-108 {
  77.22% {
    transform: translate(27.2111vw, 77.22vh) scale(0.0872); }
  to {
    transform: translate(27.90385vw, 100vh) scale(0.0872); } }
  .snow:nth-child(109) {
    opacity: 0.9418;
    transform: translate(98.4819vw, -10px) scale(0.0174);
    animation: fall-109 21s -19s linear infinite; }
@keyframes fall-109 {
  33.399% {
    transform: translate(95.0381vw, 33.399vh) scale(0.0174); }
  to {
    transform: translate(96.76vw, 100vh) scale(0.0174); } }
  .snow:nth-child(110) {
    opacity: 0.4173;
    transform: translate(51.6518vw, -10px) scale(0.7648);
    animation: fall-110 26s -22s linear infinite; }
@keyframes fall-110 {
  36.416% {
    transform: translate(58.1756vw, 36.416vh) scale(0.7648); }
  to {
    transform: translate(54.9137vw, 100vh) scale(0.7648); } }
  .snow:nth-child(111) {
    opacity: 0.4562;
    transform: translate(62.4243vw, -10px) scale(0.4503);
    animation: fall-111 22s -10s linear infinite; }
@keyframes fall-111 {
  33.031% {
    transform: translate(63.7006vw, 33.031vh) scale(0.4503); }
  to {
    transform: translate(63.06245vw, 100vh) scale(0.4503); } }
  .snow:nth-child(112) {
    opacity: 0.1755;
    transform: translate(95.2487vw, -10px) scale(0.9548);
    animation: fall-112 24s -12s linear infinite; }
@keyframes fall-112 {
  75.623% {
    transform: translate(101.8191vw, 75.623vh) scale(0.9548); }
  to {
    transform: translate(98.5339vw, 100vh) scale(0.9548); } }
  .snow:nth-child(113) {
    opacity: 0.1389;
    transform: translate(39.83vw, -10px) scale(0.2959);
    animation: fall-113 28s -13s linear infinite; }
@keyframes fall-113 {
  78.415% {
    transform: translate(43.8992vw, 78.415vh) scale(0.2959); }
  to {
    transform: translate(41.8646vw, 100vh) scale(0.2959); } }
  .snow:nth-child(114) {
    opacity: 0.9772;
    transform: translate(41.224vw, -10px) scale(0.9933);
    animation: fall-114 16s -25s linear infinite; }
@keyframes fall-114 {
  65.391% {
    transform: translate(45.8191vw, 65.391vh) scale(0.9933); }
  to {
    transform: translate(43.52155vw, 100vh) scale(0.9933); } }
  .snow:nth-child(115) {
    opacity: 0.4355;
    transform: translate(0.4964vw, -10px) scale(0.7045);
    animation: fall-115 10s -3s linear infinite; }
@keyframes fall-115 {
  66.787% {
    transform: translate(10.4374vw, 66.787vh) scale(0.7045); }
  to {
    transform: translate(5.4669vw, 100vh) scale(0.7045); } }
  .snow:nth-child(116) {
    opacity: 0.5323;
    transform: translate(43.7108vw, -10px) scale(0.979);
    animation: fall-116 13s -15s linear infinite; }
@keyframes fall-116 {
  41.757% {
    transform: translate(48.6627vw, 41.757vh) scale(0.979); }
  to {
    transform: translate(46.18675vw, 100vh) scale(0.979); } }
  .snow:nth-child(117) {
    opacity: 0.0823;
    transform: translate(75.6639vw, -10px) scale(0.4227);
    animation: fall-117 20s -10s linear infinite; }
@keyframes fall-117 {
  48.317% {
    transform: translate(65.8098vw, 48.317vh) scale(0.4227); }
  to {
    transform: translate(70.73685vw, 100vh) scale(0.4227); } }
  .snow:nth-child(118) {
    opacity: 0.686;
    transform: translate(29.3229vw, -10px) scale(0.9916);
    animation: fall-118 30s -24s linear infinite; }
@keyframes fall-118 {
  75.468% {
    transform: translate(23.2096vw, 75.468vh) scale(0.9916); }
  to {
    transform: translate(26.26625vw, 100vh) scale(0.9916); } }
  .snow:nth-child(119) {
    opacity: 0.9577;
    transform: translate(92.5736vw, -10px) scale(0.6515);
    animation: fall-119 30s -15s linear infinite; }
@keyframes fall-119 {
  44.189% {
    transform: translate(91.805vw, 44.189vh) scale(0.6515); }
  to {
    transform: translate(92.1893vw, 100vh) scale(0.6515); } }
  .snow:nth-child(120) {
    opacity: 0.2874;
    transform: translate(56.5364vw, -10px) scale(0.295);
    animation: fall-120 10s -9s linear infinite; }
@keyframes fall-120 {
  38.614% {
    transform: translate(65.6985vw, 38.614vh) scale(0.295); }
  to {
    transform: translate(61.11745vw, 100vh) scale(0.295); } }
  .snow:nth-child(121) {
    opacity: 0.2624;
    transform: translate(58.9685vw, -10px) scale(0.7162);
    animation: fall-121 25s -1s linear infinite; }
@keyframes fall-121 {
  48.948% {
    transform: translate(66.6113vw, 48.948vh) scale(0.7162); }
  to {
    transform: translate(62.7899vw, 100vh) scale(0.7162); } }
  .snow:nth-child(122) {
    opacity: 0.2556;
    transform: translate(86.8768vw, -10px) scale(0.1035);
    animation: fall-122 11s -3s linear infinite; }
@keyframes fall-122 {
  42.647% {
    transform: translate(94.3993vw, 42.647vh) scale(0.1035); }
  to {
    transform: translate(90.63805vw, 100vh) scale(0.1035); } }
  .snow:nth-child(123) {
    opacity: 0.887;
    transform: translate(90.7679vw, -10px) scale(0.9141);
    animation: fall-123 27s -6s linear infinite; }
@keyframes fall-123 {
  30.204% {
    transform: translate(84.5717vw, 30.204vh) scale(0.9141); }
  to {
    transform: translate(87.6698vw, 100vh) scale(0.9141); } }
  .snow:nth-child(124) {
    opacity: 0.7596;
    transform: translate(72.3758vw, -10px) scale(0.6308);
    animation: fall-124 26s -9s linear infinite; }
@keyframes fall-124 {
  37.862% {
    transform: translate(66.4425vw, 37.862vh) scale(0.6308); }
  to {
    transform: translate(69.40915vw, 100vh) scale(0.6308); } }
  .snow:nth-child(125) {
    opacity: 0.1173;
    transform: translate(24.6673vw, -10px) scale(0.7806);
    animation: fall-125 24s -7s linear infinite; }
@keyframes fall-125 {
  52.769% {
    transform: translate(34.2833vw, 52.769vh) scale(0.7806); }
  to {
    transform: translate(29.4753vw, 100vh) scale(0.7806); } }
  .snow:nth-child(126) {
    opacity: 0.1305;
    transform: translate(34.2462vw, -10px) scale(0.5974);
    animation: fall-126 28s -17s linear infinite; }
@keyframes fall-126 {
  30.585% {
    transform: translate(32.3414vw, 30.585vh) scale(0.5974); }
  to {
    transform: translate(33.2938vw, 100vh) scale(0.5974); } }
  .snow:nth-child(127) {
    opacity: 0.0258;
    transform: translate(59.2097vw, -10px) scale(0.1766);
    animation: fall-127 11s -29s linear infinite; }
@keyframes fall-127 {
  77.005% {
    transform: translate(56.0389vw, 77.005vh) scale(0.1766); }
  to {
    transform: translate(57.6243vw, 100vh) scale(0.1766); } }
  .snow:nth-child(128) {
    opacity: 0.7689;
    transform: translate(50.8726vw, -10px) scale(0.5814);
    animation: fall-128 22s -12s linear infinite; }
@keyframes fall-128 {
  30.434% {
    transform: translate(49.3265vw, 30.434vh) scale(0.5814); }
  to {
    transform: translate(50.09955vw, 100vh) scale(0.5814); } }
  .snow:nth-child(129) {
    opacity: 0.9985;
    transform: translate(93.3869vw, -10px) scale(0.677);
    animation: fall-129 18s -17s linear infinite; }
@keyframes fall-129 {
  74.545% {
    transform: translate(102.3871vw, 74.545vh) scale(0.677); }
  to {
    transform: translate(97.887vw, 100vh) scale(0.677); } }
  .snow:nth-child(130) {
    opacity: 0.6153;
    transform: translate(92.4892vw, -10px) scale(0.8043);
    animation: fall-130 19s -28s linear infinite; }
@keyframes fall-130 {
  63.724% {
    transform: translate(94.7817vw, 63.724vh) scale(0.8043); }
  to {
    transform: translate(93.63545vw, 100vh) scale(0.8043); } }
  .snow:nth-child(131) {
    opacity: 0.0653;
    transform: translate(66.0279vw, -10px) scale(0.1379);
    animation: fall-131 20s -19s linear infinite; }
@keyframes fall-131 {
  47.87% {
    transform: translate(75.8375vw, 47.87vh) scale(0.1379); }
  to {
    transform: translate(70.9327vw, 100vh) scale(0.1379); } }
  .snow:nth-child(132) {
    opacity: 0.5429;
    transform: translate(68.7409vw, -10px) scale(0.4372);
    animation: fall-132 25s -13s linear infinite; }
@keyframes fall-132 {
  62.213% {
    transform: translate(69.1294vw, 62.213vh) scale(0.4372); }
  to {
    transform: translate(68.93515vw, 100vh) scale(0.4372); } }
  .snow:nth-child(133) {
    opacity: 0.0226;
    transform: translate(89.9052vw, -10px) scale(0.6877);
    animation: fall-133 28s -5s linear infinite; }
@keyframes fall-133 {
  70.062% {
    transform: translate(91.4203vw, 70.062vh) scale(0.6877); }
  to {
    transform: translate(90.66275vw, 100vh) scale(0.6877); } }
  .snow:nth-child(134) {
    opacity: 0.7132;
    transform: translate(24.8255vw, -10px) scale(0.8988);
    animation: fall-134 18s -7s linear infinite; }
@keyframes fall-134 {
  46.854% {
    transform: translate(30.5637vw, 46.854vh) scale(0.8988); }
  to {
    transform: translate(27.6946vw, 100vh) scale(0.8988); } }
  .snow:nth-child(135) {
    opacity: 0.7356;
    transform: translate(38.6577vw, -10px) scale(0.8709);
    animation: fall-135 29s -6s linear infinite; }
@keyframes fall-135 {
  65.451% {
    transform: translate(41.4676vw, 65.451vh) scale(0.8709); }
  to {
    transform: translate(40.06265vw, 100vh) scale(0.8709); } }
  .snow:nth-child(136) {
    opacity: 0.8479;
    transform: translate(1.5787vw, -10px) scale(0.6882);
    animation: fall-136 29s -13s linear infinite; }
@keyframes fall-136 {
  51.053% {
    transform: translate(10.1539vw, 51.053vh) scale(0.6882); }
  to {
    transform: translate(5.8663vw, 100vh) scale(0.6882); } }
  .snow:nth-child(137) {
    opacity: 0.342;
    transform: translate(67.0967vw, -10px) scale(0.7785);
    animation: fall-137 17s -23s linear infinite; }
@keyframes fall-137 {
  74.9% {
    transform: translate(68.6578vw, 74.9vh) scale(0.7785); }
  to {
    transform: translate(67.87725vw, 100vh) scale(0.7785); } }
  .snow:nth-child(138) {
    opacity: 0.8235;
    transform: translate(16.9814vw, -10px) scale(0.4052);
    animation: fall-138 21s -27s linear infinite; }
@keyframes fall-138 {
  77.811% {
    transform: translate(16.4725vw, 77.811vh) scale(0.4052); }
  to {
    transform: translate(16.72695vw, 100vh) scale(0.4052); } }
  .snow:nth-child(139) {
    opacity: 0.9012;
    transform: translate(30.6542vw, -10px) scale(0.0951);
    animation: fall-139 30s -27s linear infinite; }
@keyframes fall-139 {
  62.9% {
    transform: translate(33.4869vw, 62.9vh) scale(0.0951); }
  to {
    transform: translate(32.07055vw, 100vh) scale(0.0951); } }
  .snow:nth-child(140) {
    opacity: 0.4798;
    transform: translate(86.797vw, -10px) scale(0.8705);
    animation: fall-140 10s -21s linear infinite; }
@keyframes fall-140 {
  37.66% {
    transform: translate(85.407vw, 37.66vh) scale(0.8705); }
  to {
    transform: translate(86.102vw, 100vh) scale(0.8705); } }
  .snow:nth-child(141) {
    opacity: 0.4146;
    transform: translate(52.1526vw, -10px) scale(0.2787);
    animation: fall-141 14s -12s linear infinite; }
@keyframes fall-141 {
  60.814% {
    transform: translate(48.9468vw, 60.814vh) scale(0.2787); }
  to {
    transform: translate(50.5497vw, 100vh) scale(0.2787); } }
  .snow:nth-child(142) {
    opacity: 0.9712;
    transform: translate(47.1625vw, -10px) scale(0.7885);
    animation: fall-142 29s -12s linear infinite; }
@keyframes fall-142 {
  76.742% {
    transform: translate(49.9543vw, 76.742vh) scale(0.7885); }
  to {
    transform: translate(48.5584vw, 100vh) scale(0.7885); } }
  .snow:nth-child(143) {
    opacity: 0.8964;
    transform: translate(34.1279vw, -10px) scale(0.7384);
    animation: fall-143 11s -27s linear infinite; }
@keyframes fall-143 {
  71.635% {
    transform: translate(43.6415vw, 71.635vh) scale(0.7384); }
  to {
    transform: translate(38.8847vw, 100vh) scale(0.7384); } }
  .snow:nth-child(144) {
    opacity: 0.8882;
    transform: translate(81.84vw, -10px) scale(0.8509);
    animation: fall-144 29s -19s linear infinite; }
@keyframes fall-144 {
  69.156% {
    transform: translate(72.6988vw, 69.156vh) scale(0.8509); }
  to {
    transform: translate(77.2694vw, 100vh) scale(0.8509); } }
  .snow:nth-child(145) {
    opacity: 0.8493;
    transform: translate(52.3753vw, -10px) scale(0.1335);
    animation: fall-145 22s -15s linear infinite; }
@keyframes fall-145 {
  57.508% {
    transform: translate(47.7366vw, 57.508vh) scale(0.1335); }
  to {
    transform: translate(50.05595vw, 100vh) scale(0.1335); } }
  .snow:nth-child(146) {
    opacity: 0.9387;
    transform: translate(28.9668vw, -10px) scale(0.4283);
    animation: fall-146 16s -12s linear infinite; }
@keyframes fall-146 {
  71.2% {
    transform: translate(32.0524vw, 71.2vh) scale(0.4283); }
  to {
    transform: translate(30.5096vw, 100vh) scale(0.4283); } }
  .snow:nth-child(147) {
    opacity: 0.0132;
    transform: translate(13.5335vw, -10px) scale(0.9847);
    animation: fall-147 22s -24s linear infinite; }
@keyframes fall-147 {
  79.315% {
    transform: translate(23.2032vw, 79.315vh) scale(0.9847); }
  to {
    transform: translate(18.36835vw, 100vh) scale(0.9847); } }
  .snow:nth-child(148) {
    opacity: 0.219;
    transform: translate(35.5326vw, -10px) scale(0.5696);
    animation: fall-148 19s -25s linear infinite; }
@keyframes fall-148 {
  40.483% {
    transform: translate(44.5646vw, 40.483vh) scale(0.5696); }
  to {
    transform: translate(40.0486vw, 100vh) scale(0.5696); } }
  .snow:nth-child(149) {
    opacity: 0.5112;
    transform: translate(48.4266vw, -10px) scale(0.0745);
    animation: fall-149 30s -6s linear infinite; }
@keyframes fall-149 {
  72.1% {
    transform: translate(51.3174vw, 72.1vh) scale(0.0745); }
  to {
    transform: translate(49.872vw, 100vh) scale(0.0745); } }
  .snow:nth-child(150) {
    opacity: 0.257;
    transform: translate(74.6832vw, -10px) scale(0.8448);
    animation: fall-150 14s -7s linear infinite; }
@keyframes fall-150 {
  39.027% {
    transform: translate(67.5448vw, 39.027vh) scale(0.8448); }
  to {
    transform: translate(71.114vw, 100vh) scale(0.8448); } }
  .snow:nth-child(151) {
    opacity: 0.8149;
    transform: translate(40.7922vw, -10px) scale(0.6405);
    animation: fall-151 16s -23s linear infinite; }
@keyframes fall-151 {
  43.767% {
    transform: translate(37.3217vw, 43.767vh) scale(0.6405); }
  to {
    transform: translate(39.05695vw, 100vh) scale(0.6405); } }
  .snow:nth-child(152) {
    opacity: 0.0949;
    transform: translate(49.592vw, -10px) scale(0.2588);
    animation: fall-152 19s -24s linear infinite; }
@keyframes fall-152 {
  63.617% {
    transform: translate(40.3921vw, 63.617vh) scale(0.2588); }
  to {
    transform: translate(44.99205vw, 100vh) scale(0.2588); } }
  .snow:nth-child(153) {
    opacity: 0.3916;
    transform: translate(91.142vw, -10px) scale(0.1563);
    animation: fall-153 27s -22s linear infinite; }
@keyframes fall-153 {
  40.373% {
    transform: translate(99.8743vw, 40.373vh) scale(0.1563); }
  to {
    transform: translate(95.50815vw, 100vh) scale(0.1563); } }
  .snow:nth-child(154) {
    opacity: 0.8841;
    transform: translate(69.2216vw, -10px) scale(0.8455);
    animation: fall-154 27s -13s linear infinite; }
@keyframes fall-154 {
  65.738% {
    transform: translate(68.1303vw, 65.738vh) scale(0.8455); }
  to {
    transform: translate(68.67595vw, 100vh) scale(0.8455); } }
  .snow:nth-child(155) {
    opacity: 0.6306;
    transform: translate(17.345vw, -10px) scale(0.4834);
    animation: fall-155 23s -12s linear infinite; }
@keyframes fall-155 {
  61.591% {
    transform: translate(23.5543vw, 61.591vh) scale(0.4834); }
  to {
    transform: translate(20.44965vw, 100vh) scale(0.4834); } }
  .snow:nth-child(156) {
    opacity: 0.0813;
    transform: translate(54.6807vw, -10px) scale(0.5212);
    animation: fall-156 29s -7s linear infinite; }
@keyframes fall-156 {
  68.921% {
    transform: translate(62.457vw, 68.921vh) scale(0.5212); }
  to {
    transform: translate(58.56885vw, 100vh) scale(0.5212); } }
  .snow:nth-child(157) {
    opacity: 0.4261;
    transform: translate(15.8776vw, -10px) scale(0.3903);
    animation: fall-157 23s -21s linear infinite; }
@keyframes fall-157 {
  79.255% {
    transform: translate(5.8844vw, 79.255vh) scale(0.3903); }
  to {
    transform: translate(10.881vw, 100vh) scale(0.3903); } }
  .snow:nth-child(158) {
    opacity: 0.1584;
    transform: translate(4.0898vw, -10px) scale(0.1767);
    animation: fall-158 15s -22s linear infinite; }
@keyframes fall-158 {
  31.145% {
    transform: translate(-2.994vw, 31.145vh) scale(0.1767); }
  to {
    transform: translate(0.5479vw, 100vh) scale(0.1767); } }
  .snow:nth-child(159) {
    opacity: 0.0354;
    transform: translate(68.7003vw, -10px) scale(0.8442);
    animation: fall-159 28s -25s linear infinite; }
@keyframes fall-159 {
  60.029% {
    transform: translate(66.3611vw, 60.029vh) scale(0.8442); }
  to {
    transform: translate(67.5307vw, 100vh) scale(0.8442); } }
  .snow:nth-child(160) {
    opacity: 0.1945;
    transform: translate(39.4777vw, -10px) scale(0.8562);
    animation: fall-160 30s -30s linear infinite; }
@keyframes fall-160 {
  35.852% {
    transform: translate(42.7168vw, 35.852vh) scale(0.8562); }
  to {
    transform: translate(41.09725vw, 100vh) scale(0.8562); } }
  .snow:nth-child(161) {
    opacity: 0.6303;
    transform: translate(29.7571vw, -10px) scale(0.6808);
    animation: fall-161 21s -9s linear infinite; }
@keyframes fall-161 {
  44.725% {
    transform: translate(30.839vw, 44.725vh) scale(0.6808); }
  to {
    transform: translate(30.29805vw, 100vh) scale(0.6808); } }
  .snow:nth-child(162) {
    opacity: 0.7484;
    transform: translate(94.1867vw, -10px) scale(0.2928);
    animation: fall-162 23s -2s linear infinite; }
@keyframes fall-162 {
  73.314% {
    transform: translate(91.9466vw, 73.314vh) scale(0.2928); }
  to {
    transform: translate(93.06665vw, 100vh) scale(0.2928); } }
  .snow:nth-child(163) {
    opacity: 0.5035;
    transform: translate(45.9229vw, -10px) scale(0.3379);
    animation: fall-163 11s -7s linear infinite; }
@keyframes fall-163 {
  75.32% {
    transform: translate(53.5471vw, 75.32vh) scale(0.3379); }
  to {
    transform: translate(49.735vw, 100vh) scale(0.3379); } }
  .snow:nth-child(164) {
    opacity: 0.3383;
    transform: translate(95.469vw, -10px) scale(0.7844);
    animation: fall-164 19s -29s linear infinite; }
@keyframes fall-164 {
  41.135% {
    transform: translate(92.3852vw, 41.135vh) scale(0.7844); }
  to {
    transform: translate(93.9271vw, 100vh) scale(0.7844); } }
  .snow:nth-child(165) {
    opacity: 0.6233;
    transform: translate(85.4514vw, -10px) scale(0.5231);
    animation: fall-165 30s -5s linear infinite; }
@keyframes fall-165 {
  70.149% {
    transform: translate(83.8698vw, 70.149vh) scale(0.5231); }
  to {
    transform: translate(84.6606vw, 100vh) scale(0.5231); } }
  .snow:nth-child(166) {
    opacity: 0.355;
    transform: translate(31.0513vw, -10px) scale(0.9665);
    animation: fall-166 28s -5s linear infinite; }
@keyframes fall-166 {
  44.091% {
    transform: translate(34.6672vw, 44.091vh) scale(0.9665); }
  to {
    transform: translate(32.85925vw, 100vh) scale(0.9665); } }
  .snow:nth-child(167) {
    opacity: 0.5109;
    transform: translate(59.3173vw, -10px) scale(0.7065);
    animation: fall-167 11s -5s linear infinite; }
@keyframes fall-167 {
  55.32% {
    transform: translate(67.7687vw, 55.32vh) scale(0.7065); }
  to {
    transform: translate(63.543vw, 100vh) scale(0.7065); } }
  .snow:nth-child(168) {
    opacity: 0.1839;
    transform: translate(32.3817vw, -10px) scale(0.4985);
    animation: fall-168 21s -14s linear infinite; }
@keyframes fall-168 {
  67.725% {
    transform: translate(38.2211vw, 67.725vh) scale(0.4985); }
  to {
    transform: translate(35.3014vw, 100vh) scale(0.4985); } }
  .snow:nth-child(169) {
    opacity: 0.7907;
    transform: translate(36.2401vw, -10px) scale(0.0953);
    animation: fall-169 17s -15s linear infinite; }
@keyframes fall-169 {
  77.243% {
    transform: translate(36.899vw, 77.243vh) scale(0.0953); }
  to {
    transform: translate(36.56955vw, 100vh) scale(0.0953); } }
  .snow:nth-child(170) {
    opacity: 0.6793;
    transform: translate(7.0559vw, -10px) scale(0.1186);
    animation: fall-170 16s -15s linear infinite; }
@keyframes fall-170 {
  55.254% {
    transform: translate(5.7086vw, 55.254vh) scale(0.1186); }
  to {
    transform: translate(6.38225vw, 100vh) scale(0.1186); } }
  .snow:nth-child(171) {
    opacity: 0.899;
    transform: translate(59.0309vw, -10px) scale(0.9315);
    animation: fall-171 17s -27s linear infinite; }
@keyframes fall-171 {
  48.244% {
    transform: translate(49.4681vw, 48.244vh) scale(0.9315); }
  to {
    transform: translate(54.2495vw, 100vh) scale(0.9315); } }
  .snow:nth-child(172) {
    opacity: 0.4918;
    transform: translate(81.7822vw, -10px) scale(0.8476);
    animation: fall-172 11s -11s linear infinite; }
@keyframes fall-172 {
  41.14% {
    transform: translate(74.1038vw, 41.14vh) scale(0.8476); }
  to {
    transform: translate(77.943vw, 100vh) scale(0.8476); } }
  .snow:nth-child(173) {
    opacity: 0.6579;
    transform: translate(8.0433vw, -10px) scale(0.5484);
    animation: fall-173 27s -6s linear infinite; }
@keyframes fall-173 {
  70.233% {
    transform: translate(-1.8949vw, 70.233vh) scale(0.5484); }
  to {
    transform: translate(3.0742vw, 100vh) scale(0.5484); } }
  .snow:nth-child(174) {
    opacity: 0.7326;
    transform: translate(34.7876vw, -10px) scale(0.0353);
    animation: fall-174 14s -28s linear infinite; }
@keyframes fall-174 {
  53.173% {
    transform: translate(41.9697vw, 53.173vh) scale(0.0353); }
  to {
    transform: translate(38.37865vw, 100vh) scale(0.0353); } }
  .snow:nth-child(175) {
    opacity: 0.5315;
    transform: translate(59.714vw, -10px) scale(0.7952);
    animation: fall-175 25s -27s linear infinite; }
@keyframes fall-175 {
  79.41% {
    transform: translate(51.2885vw, 79.41vh) scale(0.7952); }
  to {
    transform: translate(55.50125vw, 100vh) scale(0.7952); } }
  .snow:nth-child(176) {
    opacity: 0.1351;
    transform: translate(21.526vw, -10px) scale(0.9055);
    animation: fall-176 14s -19s linear infinite; }
@keyframes fall-176 {
  75.747% {
    transform: translate(29.1522vw, 75.747vh) scale(0.9055); }
  to {
    transform: translate(25.3391vw, 100vh) scale(0.9055); } }
  .snow:nth-child(177) {
    opacity: 0.2949;
    transform: translate(81.6753vw, -10px) scale(0.0893);
    animation: fall-177 21s -30s linear infinite; }
@keyframes fall-177 {
  59.968% {
    transform: translate(90.5565vw, 59.968vh) scale(0.0893); }
  to {
    transform: translate(86.1159vw, 100vh) scale(0.0893); } }
  .snow:nth-child(178) {
    opacity: 0.268;
    transform: translate(43.1501vw, -10px) scale(0.677);
    animation: fall-178 16s -5s linear infinite; }
@keyframes fall-178 {
  76.606% {
    transform: translate(49.1269vw, 76.606vh) scale(0.677); }
  to {
    transform: translate(46.1385vw, 100vh) scale(0.677); } }
  .snow:nth-child(179) {
    opacity: 0.9719;
    transform: translate(7.2019vw, -10px) scale(0.0725);
    animation: fall-179 23s -16s linear infinite; }
@keyframes fall-179 {
  49.723% {
    transform: translate(8.2444vw, 49.723vh) scale(0.0725); }
  to {
    transform: translate(7.72315vw, 100vh) scale(0.0725); } }
  .snow:nth-child(180) {
    opacity: 0.0272;
    transform: translate(14.7559vw, -10px) scale(0.324);
    animation: fall-180 13s -11s linear infinite; }
@keyframes fall-180 {
  52.675% {
    transform: translate(24.0848vw, 52.675vh) scale(0.324); }
  to {
    transform: translate(19.42035vw, 100vh) scale(0.324); } }
  .snow:nth-child(181) {
    opacity: 0.5925;
    transform: translate(67.295vw, -10px) scale(0.9074);
    animation: fall-181 17s -1s linear infinite; }
@keyframes fall-181 {
  48.682% {
    transform: translate(66.0998vw, 48.682vh) scale(0.9074); }
  to {
    transform: translate(66.6974vw, 100vh) scale(0.9074); } }
  .snow:nth-child(182) {
    opacity: 0.4323;
    transform: translate(49.3889vw, -10px) scale(0.2425);
    animation: fall-182 25s -3s linear infinite; }
@keyframes fall-182 {
  49.734% {
    transform: translate(40.6504vw, 49.734vh) scale(0.2425); }
  to {
    transform: translate(45.01965vw, 100vh) scale(0.2425); } }
  .snow:nth-child(183) {
    opacity: 0.1683;
    transform: translate(97.9033vw, -10px) scale(0.305);
    animation: fall-183 24s -8s linear infinite; }
@keyframes fall-183 {
  73.79% {
    transform: translate(104.5299vw, 73.79vh) scale(0.305); }
  to {
    transform: translate(101.2166vw, 100vh) scale(0.305); } }
  .snow:nth-child(184) {
    opacity: 0.1106;
    transform: translate(54.4356vw, -10px) scale(0.9225);
    animation: fall-184 29s -3s linear infinite; }
@keyframes fall-184 {
  41.841% {
    transform: translate(57.196vw, 41.841vh) scale(0.9225); }
  to {
    transform: translate(55.8158vw, 100vh) scale(0.9225); } }
  .snow:nth-child(185) {
    opacity: 0.5737;
    transform: translate(84.4493vw, -10px) scale(0.9313);
    animation: fall-185 11s -13s linear infinite; }
@keyframes fall-185 {
  78.962% {
    transform: translate(88.1383vw, 78.962vh) scale(0.9313); }
  to {
    transform: translate(86.2938vw, 100vh) scale(0.9313); } }
  .snow:nth-child(186) {
    opacity: 0.4588;
    transform: translate(98.763vw, -10px) scale(0.9089);
    animation: fall-186 14s -16s linear infinite; }
@keyframes fall-186 {
  56.933% {
    transform: translate(103.5792vw, 56.933vh) scale(0.9089); }
  to {
    transform: translate(101.1711vw, 100vh) scale(0.9089); } }
  .snow:nth-child(187) {
    opacity: 0.5469;
    transform: translate(40.0614vw, -10px) scale(0.4121);
    animation: fall-187 11s -21s linear infinite; }
@keyframes fall-187 {
  61.393% {
    transform: translate(35.2292vw, 61.393vh) scale(0.4121); }
  to {
    transform: translate(37.6453vw, 100vh) scale(0.4121); } }
  .snow:nth-child(188) {
    opacity: 0.6029;
    transform: translate(33.9432vw, -10px) scale(0.3637);
    animation: fall-188 30s -16s linear infinite; }
@keyframes fall-188 {
  42.064% {
    transform: translate(42.7272vw, 42.064vh) scale(0.3637); }
  to {
    transform: translate(38.3352vw, 100vh) scale(0.3637); } }
  .snow:nth-child(189) {
    opacity: 0.2694;
    transform: translate(86.0208vw, -10px) scale(0.1512);
    animation: fall-189 10s -7s linear infinite; }
@keyframes fall-189 {
  59.473% {
    transform: translate(93.4624vw, 59.473vh) scale(0.1512); }
  to {
    transform: translate(89.7416vw, 100vh) scale(0.1512); } }
  .snow:nth-child(190) {
    opacity: 0.7685;
    transform: translate(69.8232vw, -10px) scale(0.9403);
    animation: fall-190 14s -26s linear infinite; }
@keyframes fall-190 {
  76.511% {
    transform: translate(65.4974vw, 76.511vh) scale(0.9403); }
  to {
    transform: translate(67.6603vw, 100vh) scale(0.9403); } }
  .snow:nth-child(191) {
    opacity: 0.8192;
    transform: translate(31.3589vw, -10px) scale(0.7979);
    animation: fall-191 22s -30s linear infinite; }
@keyframes fall-191 {
  72.702% {
    transform: translate(30.3812vw, 72.702vh) scale(0.7979); }
  to {
    transform: translate(30.87005vw, 100vh) scale(0.7979); } }
  .snow:nth-child(192) {
    opacity: 0.6431;
    transform: translate(6.1783vw, -10px) scale(0.4416);
    animation: fall-192 27s -29s linear infinite; }
@keyframes fall-192 {
  76.933% {
    transform: translate(3.4285vw, 76.933vh) scale(0.4416); }
  to {
    transform: translate(4.8034vw, 100vh) scale(0.4416); } }
  .snow:nth-child(193) {
    opacity: 0.4233;
    transform: translate(18.9377vw, -10px) scale(0.6458);
    animation: fall-193 26s -16s linear infinite; }
@keyframes fall-193 {
  46.936% {
    transform: translate(14.1383vw, 46.936vh) scale(0.6458); }
  to {
    transform: translate(16.538vw, 100vh) scale(0.6458); } }
  .snow:nth-child(194) {
    opacity: 0.4131;
    transform: translate(63.996vw, -10px) scale(0.9532);
    animation: fall-194 12s -13s linear infinite; }
@keyframes fall-194 {
  41.84% {
    transform: translate(72.0624vw, 41.84vh) scale(0.9532); }
  to {
    transform: translate(68.0292vw, 100vh) scale(0.9532); } }
  .snow:nth-child(195) {
    opacity: 0.6782;
    transform: translate(61.4483vw, -10px) scale(0.5432);
    animation: fall-195 17s -7s linear infinite; }
@keyframes fall-195 {
  67.847% {
    transform: translate(54.0477vw, 67.847vh) scale(0.5432); }
  to {
    transform: translate(57.748vw, 100vh) scale(0.5432); } }
  .snow:nth-child(196) {
    opacity: 0.7863;
    transform: translate(81.0034vw, -10px) scale(0.8004);
    animation: fall-196 13s -16s linear infinite; }
@keyframes fall-196 {
  36.337% {
    transform: translate(76.4629vw, 36.337vh) scale(0.8004); }
  to {
    transform: translate(78.73315vw, 100vh) scale(0.8004); } }
  .snow:nth-child(197) {
    opacity: 0.6242;
    transform: translate(75.1705vw, -10px) scale(0.0339);
    animation: fall-197 25s -5s linear infinite; }
@keyframes fall-197 {
  72.936% {
    transform: translate(65.4476vw, 72.936vh) scale(0.0339); }
  to {
    transform: translate(70.30905vw, 100vh) scale(0.0339); } }
  .snow:nth-child(198) {
    opacity: 0.5662;
    transform: translate(11.6922vw, -10px) scale(0.6399);
    animation: fall-198 26s -7s linear infinite; }
@keyframes fall-198 {
  59.112% {
    transform: translate(9.8848vw, 59.112vh) scale(0.6399); }
  to {
    transform: translate(10.7885vw, 100vh) scale(0.6399); } }
  .snow:nth-child(199) {
    opacity: 0.0478;
    transform: translate(46.8004vw, -10px) scale(0.3463);
    animation: fall-199 12s -3s linear infinite; }
@keyframes fall-199 {
  39.978% {
    transform: translate(53.589vw, 39.978vh) scale(0.3463); }
  to {
    transform: translate(50.1947vw, 100vh) scale(0.3463); } }
  .snow:nth-child(200) {
    opacity: 0.1479;
    transform: translate(8.8108vw, -10px) scale(0.229);
    animation: fall-200 23s -24s linear infinite; }
@keyframes fall-200 {
  36.185% {
    transform: translate(11.4337vw, 36.185vh) scale(0.229); }
  to {
    transform: translate(10.12225vw, 100vh) scale(0.229); } }

  </style>
</head>

<body>

  <!-- partial:index.partial.html -->
    <ul class="bgg">
      <li class="sphere"></li>
      <p class="text">亲爱滴<span id='name'>小伙伴</span>~圣诞快乐吖❤</p>
    </ul>
    <ul class="tree">
      <li class="top-star"> </li>
      <li class="top">
        <ul class="tree-pts">
          <li class="pts left"></li>
          <li class="pts left"></li>
          <li class="pts left"></li>
          <li class="pts left"></li>
          <li class="pts left"></li>
          <li class="pts left"></li>
          <li class="pts left"></li>
          <li class="pts left"></li>
          <li class="pts right"></li>
          <li class="pts right"></li>
          <li class="pts right"></li>
          <li class="pts right"></li>
          <li class="pts right"></li>
          <li class="pts right"></li>
          <li class="pts right"></li>
        </ul>
      </li>
      <li class="middle first">
        <ul class="tree-pts">
          <li class="pts left"></li>
          <li class="pts left"></li>
          <li class="pts left"></li>
          <li class="pts left"></li>
          <li class="pts left"></li>
          <li class="pts left"></li>
          <li class="pts left"></li>
          <li class="pts left"></li>
          <li class="pts right"></li>
          <li class="pts right"></li>
          <li class="pts right"></li>
          <li class="pts right"></li>
          <li class="pts right"></li>
          <li class="pts right"></li>
          <li class="pts right"></li>
        </ul>
      </li>
      <li class="middle second">
        <ul class="tree-pts">
          <li class="pts left"></li>
          <li class="pts left"></li>
          <li class="pts left"></li>
          <li class="pts left"></li>
          <li class="pts left"></li>
          <li class="pts left"></li>
          <li class="pts left"></li>
          <li class="pts left"></li>
          <li class="pts right"></li>
          <li class="pts right"></li>
          <li class="pts right"></li>
          <li class="pts right"></li>
          <li class="pts right"></li>
          <li class="pts right"></li>
          <li class="pts right"></li>
        </ul>
      </li>
      <li class="middle third">
        <ul class="tree-pts">
          <li class="pts left"></li>
          <li class="pts left"></li>
          <li class="pts left"></li>
          <li class="pts left"></li>
          <li class="pts left"></li>
          <li class="pts left"></li>
          <li class="pts left"></li>
          <li class="pts left"></li>
          <li class="pts right"></li>
          <li class="pts right"></li>
          <li class="pts right"></li>
          <li class="pts right"></li>
          <li class="pts right"></li>
          <li class="pts right"></li>
          <li class="pts right"></li>
        </ul>
      </li>
      <li class="bottom outer">
        <ul class="tree-pts">
          <li class="pts left"></li>
          <li class="pts left"></li>
          <li class="pts left"></li>
          <li class="pts left"></li>
          <li class="pts left"></li>
          <li class="pts left"></li>
          <li class="pts left"></li>
          <li class="pts left"></li>
          <li class="pts right"></li>
          <li class="pts right"></li>
          <li class="pts right"></li>
          <li class="pts right"></li>
          <li class="pts right"></li>
          <li class="pts right"></li>
          <li class="pts right"></li>
        </ul>
      </li>
      <li class="stem">
        <ul class="tree-stem">
          <li class="stem"></li>
          <li class="gift g1"></li>
          <li class="gift g2"></li>
          <li class="gift g3"></li>
          <li class="gift g4"></li>
          <li class="gift g5"></li>
          <li class="gift g6"></li>
          <li class="gift g7"></li>
          <li class="gift g8"></li>
          <li class="gift g9"></li>
          <li class="shadow"></li>
        </ul>
      </li>
    </ul>
    <ul class="toys">
      <li class="star"></li>
      <li class="ball b1"></li>
      <li class="ball b2"></li>
      <li class="ball b3"></li>
      <li class="ball b4"></li>
      <li class="ball b5"></li>
      <li class="ball b6"></li>
      <li class="ball b7"></li>
      <li class="ball b8"></li>
      <li class="ball b9"></li>
      <li class="ball b10"></li>
      <li class="ball b11"></li>
      <li class="ball b12"></li>
      <li class="ball b13"></li>
      <li class="ball b14"></li>
      <li class="ball b15"></li>
      <li class="ball b16"></li>
      <li class="ball b17"></li>
      <li class="ball b18"></li>
      <li class="ball b19"></li>
      <li class="ball b20"></li>
      <li class="light l1"></li>
      <li class="light l2"></li>
      <li class="light l3"></li>
      <li class="light l4"></li>
      <li class="light l5"></li>
      <li class="light l6"></li>
      <li class="light l7"></li>
      <li class="light l8"></li>
      <li class="light l9"></li>
      <li class="light l10"></li>
      <li class="light l11"></li>
      <li class="light l12"></li>
      <li class="light l13"></li>
      <li class="light l14"></li>
      <li class="light l15"></li>
      <li class="light l16"></li>
      <li class="light l17"></li>
      <li class="light l18"></li>
      <li class="light l19"></li>
      <li class="light l20"></li>
      <li class="light l21"></li>
      <li class="light l22"></li>
      <li class="light l23"></li>
      <li class="light l24"></li>
      <li class="light l25"></li>
    </ul>

    //共200个div标签
    <div class="snow"></div>
    <div class="snow"></div>
    <div class="snow"></div>
    <div class="snow"></div>
    <div class="snow"></div>
    <div class="snow"></div>
    <div class="snow"></div>
    <div class="snow"></div>
    <div class="snow"></div>
    <div class="snow"></div>
    <div class="snow"></div>
    <div class="snow"></div>
    <div class="snow"></div>
    <div class="snow"></div>
    <div class="snow"></div>
    <div class="snow"></div>
    <div class="snow"></div>
    <div class="snow"></div>
    <div class="snow"></div>
    <div class="snow"></div>
    <div class="snow"></div>
    <div class="snow"></div>
    <div class="snow"></div>
    <div class="snow"></div>
    <div class="snow"></div>
    <div class="snow"></div>
    <div class="snow"></div>
    <div class="snow"></div>
    <div class="snow"></div>
    <div class="snow"></div>
    <div class="snow"></div>
    <div class="snow"></div>
    <div class="snow"></div>
    <div class="snow"></div>
    <div class="snow"></div>
    <div class="snow"></div>
    <div class="snow"></div>
    <div class="snow"></div>
    <div class="snow"></div>
    <div class="snow"></div>
    <div class="snow"></div>
    <div class="snow"></div>
    <div class="snow"></div>
    <div class="snow"></div>
    <div class="snow"></div>
    <div class="snow"></div>
    <div class="snow"></div>
    <div class="snow"></div>
    <div class="snow"></div>
    <div class="snow"></div>
    <div class="snow"></div>
    <div class="snow"></div>
    <div class="snow"></div>
    <div class="snow"></div>
    <div class="snow"></div>
    <div class="snow"></div>
    <div class="snow"></div>
    <div class="snow"></div>
    <div class="snow"></div>
    <div class="snow"></div>
    <div class="snow"></div>
    <div class="snow"></div>
    <div class="snow"></div>
    <div class="snow"></div>
    <div class="snow"></div>
    <div class="snow"></div>
    <div class="snow"></div>
    <div class="snow"></div>
    <div class="snow"></div>
    <div class="snow"></div>
    <div class="snow"></div>
    <div class="snow"></div>
    <div class="snow"></div>
    <div class="snow"></div>
    <div class="snow"></div>
    <div class="snow"></div>
    <div class="snow"></div>
    <div class="snow"></div>
    <div class="snow"></div>
    <div class="snow"></div>
    <div class="snow"></div>
    <div class="snow"></div>
    <div class="snow"></div>
    <div class="snow"></div>
    <div class="snow"></div>
    <div class="snow"></div>
    <div class="snow"></div>
    <div class="snow"></div>
    <div class="snow"></div>
    <div class="snow"></div>
    <div class="snow"></div>
    <div class="snow"></div>
    <div class="snow"></div>
    <div class="snow"></div>
    <div class="snow"></div>
    <div class="snow"></div>
    <div class="snow"></div>
    <div class="snow"></div>
    <div class="snow"></div>
    <div class="snow"></div>
    <div class="snow"></div>
    <div class="snow"></div>
    <div class="snow"></div>
    <div class="snow"></div>
    <div class="snow"></div>
    <div class="snow"></div>
    <div class="snow"></div>
    <div class="snow"></div>
    <div class="snow"></div>
    <div class="snow"></div>
    <div class="snow"></div>
    <div class="snow"></div>
    <div class="snow"></div>
    <div class="snow"></div>
    <div class="snow"></div>
    <div class="snow"></div>
    <div class="snow"></div>
    <div class="snow"></div>
    <div class="snow"></div>
    <div class="snow"></div>
    <div class="snow"></div>
    <div class="snow"></div>
    <div class="snow"></div>
    <div class="snow"></div>
    <div class="snow"></div>
    <div class="snow"></div>
    <div class="snow"></div>
    <div class="snow"></div>
    <div class="snow"></div>
    <div class="snow"></div>
    <div class="snow"></div>
    <div class="snow"></div>
    <div class="snow"></div>
    <div class="snow"></div>
    <div class="snow"></div>
    <div class="snow"></div>
    <div class="snow"></div>
    <div class="snow"></div>
    <div class="snow"></div>
    <div class="snow"></div>
    <div class="snow"></div>
    <div class="snow"></div>
    <div class="snow"></div>
    <div class="snow"></div>
    <div class="snow"></div>
    <div class="snow"></div>
    <div class="snow"></div>
    <div class="snow"></div>
    <div class="snow"></div>
    <div class="snow"></div>
    <div class="snow"></div>
    <div class="snow"></div>
    <div class="snow"></div>
    <div class="snow"></div>
    <div class="snow"></div>
    <div class="snow"></div>
    <div class="snow"></div>
    <div class="snow"></div>
    <div class="snow"></div>
    <div class="snow"></div>
    <div class="snow"></div>
    <div class="snow"></div>
    <div class="snow"></div>
    <div class="snow"></div>
    <div class="snow"></div>
    <div class="snow"></div>
    <div class="snow"></div>
    <div class="snow"></div>
    <div class="snow"></div>
    <div class="snow"></div>
    <div class="snow"></div>
    <div class="snow"></div>
    <div class="snow"></div>
    <div class="snow"></div>
    <div class="snow"></div>
    <div class="snow"></div>
    <div class="snow"></div>
    <div class="snow"></div>
    <div class="snow"></div>
    <div class="snow"></div>
    <div class="snow"></div>
    <div class="snow"></div>
    <div class="snow"></div>
    <div class="snow"></div>
    <div class="snow"></div>
    <div class="snow"></div>
    <div class="snow"></div>
    <div class="snow"></div>
    <div class="snow"></div>
    <div class="snow"></div>
    <div class="snow"></div>
    <div class="snow"></div>
    <div class="snow"></div>
    <div class="snow"></div>
    <div class="snow"></div>
    <div class="snow"></div>
    <div class="snow"></div>
    <div class="snow"></div>
    <div class="snow"></div>
    <div class="snow"></div>
  
</body>
<script>

</script>
</html>